0

我正在使用一个 JQuery 滚动插件,它在 div 中滚动图像,有点像选框。我正在尝试实现相同的目标,但是我想滚动 div 标签而不是 img 标签。

滚动条

目前这是加价

       <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 专门针对 contentscroller div 内的 img 标签。

4

1 回答 1

0

修改原始库不是最好的答案,但这是我想要建议的,因为该库只是查找图像而不是 div。看看它的一些来源

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

这很简单,图书馆不是在寻找 divs... 周围的工作是什么?根据他们的想法创建自己的库。

于 2013-10-11T10:03:17.293 回答