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/