Показать сообщение отдельно
  #3 (permalink)  
Старый 26.03.2014, 07:59
Интересующийся
Отправить личное сообщение для Арсений JustPuk Посмотреть профиль Найти все сообщения от Арсений JustPuk
 
Регистрация: 24.03.2014
Сообщений: 23

Не получается. Юзал форум, пробовал книги читать, но в толк взять не могу.
Подскажи что и куда вставить надо, если можно с описанием, что бы в толк взять и в следующий раз не обращаться
Вот код карусели:
$(".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);">&nbsp;</a></div> 
      <div class="carousel-button-right"><a href="javascript:void(0);">&nbsp;</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>
Ответить с цитированием