Question

我正在使用一个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标记。

Answer 1

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

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

这很简单，图书馆不是在寻找div ...这将是什么样的工作？根据他们的想法创建自己的库。

在div中滚动div而不是img标签

1 个答案: