Не получается. Юзал форум, пробовал книги читать, но в толк взять не могу.
Подскажи что и куда вставить надо, если можно с описанием, что бы в толк взять и в следующий раз не обращаться
Вот код карусели:
$(".carousel-button-right").live('click',function(){
right_carusel();
});
$(".carousel-button-left").live('click',function(){
left_carusel();
});
function left_carusel(){
var block_width = $('.carousel-block').width() + 20;
$(".carousel-items .carousel-block").eq(-1).clone().prependTo(".carousel-items");
$(".carousel-items").css({"left":"-"+block_width+"px"});
$(".carousel-items").animate({left: "0px"}, 200);
$(".carousel-items .carousel-block").eq(-1).remove();
}
function right_carusel(){
var block_width = $('.carousel-block').width() + 20;
$(".carousel-items").animate({left: "-"+ block_width +"px"}, 200);
setTimeout(function () {
$(".carousel-items .carousel-block").eq(0).clone().appendTo(".carousel-items");
$(".carousel-items .carousel-block").eq(0).remove();
$(".carousel-items").css({"left":"0px"});
}, 300);
}
Так выглядит HTML
<div class="carousel">
<div class="carousel-button-left"><a href="javascript:void(0);"> </a></div>
<div class="carousel-button-right"><a href="javascript:void(0);"> </a></div>
<div class="shadow-block" style="padding-left:0px;">
<div class="t"><div class="b"><div class="m"><div class="m">
<div class="t"><div class="t"><div class="b"><div class="b">
<div class="carousel-wrapper">
<div class="carousel-items">
<div class="carousel-block">
<img src="images/1.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="images/2.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="images/3.jpg" alt="" />cfefef
</div>
<div class="carousel-block">
<img src="images/4.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="images/5.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="images/6.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="images/7.jpg" alt="" />
</div>
<div class="carousel-block">
<img src="images/8.jpg" alt="" />
</div>
</div>
</div>
</div></div>
</div></div></div>
</div></div></div>
</div>
</div>