Javascript 滚动图像幻灯片
我有一个客户的公司标识列表,他们希望在网站上的某个地方显示。有31个徽标,无论我如何设计它们,都会产生一堆丑陋的图像。然后,我的计划是将图像的大小调整到一个统一的高度,让它们一个接一个地在页面上缓慢滚动,并在序列完成后循环到起始位置。我想我应该创建一个具有所有图像总宽度的div,并用一个div紧挨着另一个div复制它。然后,第一个div将被销毁,一旦它已经从页面上滚下,并将在第二个div之后以蛙跳效果再次创建。我只是在寻找一些关于如何创建这个的技巧。也许有一个插件已经存在 有很多可用的滑块。但我会推荐。确保在应用BXSlider之前调整图像的大小Javascript 滚动图像幻灯片,javascript,jquery,css,scripting,slideshow,Javascript,Jquery,Css,Scripting,Slideshow,我有一个客户的公司标识列表,他们希望在网站上的某个地方显示。有31个徽标,无论我如何设计它们,都会产生一堆丑陋的图像。然后,我的计划是将图像的大小调整到一个统一的高度,让它们一个接一个地在页面上缓慢滚动,并在序列完成后循环到起始位置。我想我应该创建一个具有所有图像总宽度的div,并用一个div紧挨着另一个div复制它。然后,第一个div将被销毁,一旦它已经从页面上滚下,并将在第二个div之后以蛙跳效果再次创建。我只是在寻找一些关于如何创建这个的技巧。也许有一个插件已经存在 有很多可用的滑块。但我
$(文档).ready(函数(){
$('.bxslider').bxslider({
米斯利德斯:4,
maxSlides:4,
滑动宽度:100,
幻灯片摘要:10
});
});代码>
.bxslider img{宽度:100px;高度:100px;}
无需使用JavaScript,通过谷歌搜索,我们可以看到Smashing杂志发表了一篇关于如何在CSS中使用JavaScript的文章:
可以在找到演示,市场上有100种滑块。查看。如果您对该理论感兴趣: