2013-10-11 59 views
0

我正在使用一個JQuery滾動插件,在div中滾動圖像,有點像一個選取框。 我想實現同樣的事情,但不是img標籤我想滾動div標籤。在div裏面滾動div而不是在img標籤

Scroller

目前這是加價

 <div id="contentscroller" style="clear:both;"> 
      <div id='left' class="logo-carousel"> 
       <div class="logo-test"></div> 
       <img src='/images/lve.png' /> 
       <img src='/images/friendslife.png' /> 
       <img src='/images/aviva.png' /> 
       <img src='/images/bright-grey.png'/> 
       <img src='/images/sagicor.png'/> 
       <img src='/images/zurich.png'/> 
       <img src='/images/legal-general.png'/> 
       <img src='/images/groupama.png'/> 
       <img src='/images/fortress.png'/>  
      </div> 
     </div> 

這是JS

<script> 
$(
function() { 
    $("#left").imageScroller({ loading: 'Wait please...' }); 
    $("#right").imageScroller({ speed: '4000', direction: 'right' }); 
    $("#top").imageScroller({ direction: 'top' }); 
    $("#bottom").imageScroller({ speed: '3500', direction: 'bottom' }); 
} 
) 
</script> 

我需要實現同樣的事情,但僅使用一個div元素背景圖。結果將完全相同,而不是圖像,我會使用空白div與圖像作爲背景,以避免HTTP請求並加快網站性能。

我試圖用div替換圖像,但它不工作,因爲JS是特定針對contentcroller div內的img標籤。

回答

0

修改原始庫不是最好的答案,但這是我想建議的,因爲庫只是尋找圖像而不是div。看看它的一些source的:

$.each($this.children(":not(div)"), function() ... 

這很簡單,圖書館是不是找的div ...什麼工作都是圍繞將要?根據他們的想法創建自己的圖書館。

+0

我會將其更改爲?我需要在哪裏進行多少更改? –