Слайдер изображений, прост в использовании, очень легок. Использует базовый JQ.
CSS:
Code
.block{background:#222;padding:10px 10px 0;border-radius:10px;width:400px}
.block img{border:0;display:none}
.block div{margin:10px auto 0;background:#ddd;padding:5px 0;width:100px;border-radius:10px 10px 0 0;text-align:center}
.block div a{text-decoration:none;color:#ddd;background:#222;border-radius:5px;padding:2px 5px}
.block div a:hover{background:#444}
JS:
Code
function block_off(){$('.block img').hide()};
function block_on(a){$('.block img:'+a).fadeIn(300)};
block_on('eq(0)')
И сам код:
Code
<div class="block">
<img src="url">
<img src="url">
<img src="url">
<div>
<a href="javascript://" onclick="block_off();block_on('eq(0)')">1</a>
<a href="javascript://" onclick="block_off();block_on('eq(1)')">2</a>
<a href="javascript://" onclick="block_off();block_on('eq(2)')">3</a>
</div></div>
