Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动图像幻灯片_Javascript_Jquery_Css_Scripting_Slideshow - Fatal编程技术网

Javascript 滚动图像幻灯片

Javascript 滚动图像幻灯片,javascript,jquery,css,scripting,slideshow,Javascript,Jquery,Css,Scripting,Slideshow,我有一个客户的公司标识列表,他们希望在网站上的某个地方显示。有31个徽标,无论我如何设计它们,都会产生一堆丑陋的图像。然后,我的计划是将图像的大小调整到一个统一的高度,让它们一个接一个地在页面上缓慢滚动,并在序列完成后循环到起始位置。我想我应该创建一个具有所有图像总宽度的div,并用一个div紧挨着另一个div复制它。然后,第一个div将被销毁,一旦它已经从页面上滚下,并将在第二个div之后以蛙跳效果再次创建。我只是在寻找一些关于如何创建这个的技巧。也许有一个插件已经存在 有很多可用的滑块。但我

我有一个客户的公司标识列表,他们希望在网站上的某个地方显示。有31个徽标,无论我如何设计它们,都会产生一堆丑陋的图像。然后,我的计划是将图像的大小调整到一个统一的高度,让它们一个接一个地在页面上缓慢滚动,并在序列完成后循环到起始位置。我想我应该创建一个具有所有图像总宽度的div,并用一个div紧挨着另一个div复制它。然后,第一个div将被销毁,一旦它已经从页面上滚下,并将在第二个div之后以蛙跳效果再次创建。我只是在寻找一些关于如何创建这个的技巧。也许有一个插件已经存在

有很多可用的滑块。但我会推荐。确保在应用BXSlider之前调整图像的大小

$(文档).ready(函数(){
$('.bxslider').bxslider({
米斯利德斯:4,
maxSlides:4,
滑动宽度:100,
幻灯片摘要:10
});
});
.bxslider img{宽度:100px;高度:100px;}


无需使用JavaScript,通过谷歌搜索,我们可以看到Smashing杂志发表了一篇关于如何在CSS中使用JavaScript的文章:
可以在

找到演示,市场上有100种滑块。查看。如果您对该理论感兴趣: