с jQuery знаком ровным счетом 1 день,
Нашел карусель) у на мое удивление с первого раза заработала, но у меня протсьбочка будет небольшая для знатоков: Как мне сделать, чтобы картинки отматывать назад и вперед?
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function ()
{
function go()
{
$('#slider').delay(3000).animate({left: '-=640'}, 1000, function ()
{
$('.Block:first').appendTo($(this))
$(this).css({left: '0px'});
go()
})
$('#slider_m').delay(3000).animate({left: '-=213'}, 1000, function ()
{
$('.ddd:first').appendTo($(this))
$(this).css({left: '0px'});
go()
})
}
go()
})
</script>
</script>
<style>
.Block {
width: 640px;
height:360px;
float: left;
}
#slider {
width: 1280px;
height:360px;
}
.ddd {
width: 213px;
height:120px;
float: left;
}
</style>
<div style="overflow:hidden; width: 640px; height:360px; position: relative">
<div id="slider" style="position:absolute; top: 0px; left:0px;" >
<img class="Block" id="1" src="../slider/image/slider-1.jpg">
<img class="Block" id="2" src="../slider/image/slider-2.jpg">
<img class="Block" id="3" src="../slider/image/slider-3.jpg">
<img class="Block" id="4" src="../slider/image/slider-4.jpg">
<img class="Block" id="5" src="../slider/image/slider-5.jpg">
</div>
</div>
<div style="overflow:hidden; width: 640px; height:120px; position:relative">
<div id="slider_m" style="position:absolute; top: 0px; left:0px; width: 1280px; height:360px;">
<img class="ddd" src="../slider/image/slider-5.jpg">
<img class="ddd" src="../slider/image/slider-1.jpg">
<img class="ddd" src="../slider/image/slider-2.jpg">
<img class="ddd" src="../slider/image/slider-3.jpg">
<img class="ddd" src="../slider/image/slider-4.jpg">
</div>
</div>
