Jquery滑塊沒有克隆

Question

是否有可能連續/旋轉滑塊與克隆使用jQuery的？要求是在上一張和上一張幻燈片的25％中的一半應與第一張/當前幻燈片一起顯示。當用戶點擊下一個/上一個按鈕時，它必須是旋轉的。

我已經嘗試過克隆，但更小的分辨率它很好，在更大的分辨率甚至顯示clonnig div。我不應該顯示克隆分區。

請建議我是否有任何堵塞。

Answer 1

您可以使用AnythingSlider

https://github.com/ProLoser/AnythingSlider/wiki/Usage

其用於克隆的代碼

slider.$items//callback argument 

Answer 2

<div id="MainSliderContent" style="display: table-cell;"> 
    <div class="Message"> 
     Test 1 
    </div> 
    <div class="Message"> 
     Test 2 
    </div> 
    <div class="Message"> 
     test 3 
    </div> 
    <div class="Message"> 
     Test 4 
    </div> 
</div>​ 


$(document).ready(function() { 
     //if ($('#MainSliderContent').find('div.Message').length > 1) { 
     $('#MainSliderContent').find('div.Message:not(:first)').hide(); 

     $('#MainSliderContent').live({ 
      mouseenter: function() { 
       $(this).addClass('Hover'); 
      }, 
      mouseleave: function() { 
       $(this).removeClass('Hover'); 
      } 
     }); 

     setInterval(function() { 
      if (!$('#MainSliderContent').hasClass('Hover')) { 
       var $messageObj = $('#MainSliderContent').find('div.Message:visible'); 
       $messageObj.slideUp('slow').next('div.Message').slideDown('slow'); 
       $('#MainSliderContent').find('div.Message:last').after($messageObj); 
      } 
     }, 1 * 1000); 
     //} 
    });​ 

的演示中看到此鏈接：http://jsfiddle.net/nanoquantumtech/BJ6R7/