第一个幻灯片图像的显示速度比其他幻灯片图像慢
First slideshow image appearing slower than the others
everyone.我有一个幻灯片,第一张幻灯片比其他幻灯片慢一两秒。这是代码。知道为什么会这样吗?
<ul class="slideshow home">
<li><a href="fabrics/mulberryhome/mulberryhome_fabrics_bohemian_romance.htm">
<img src="http://www.leejofa.com/images/fabrics/Bohemian-Romance2.jpg" alt="" />
<img src="http://www.leejofa.com/fabrics/mulberryhome/HG-Fabric-Awards-Mulberry-1.png" style="position:absolute; bottom:35px; right:20px; width:85%; max-width:150px" />
</a>
</li>
<li><a href="wallcoverings/mulberryhome_wallcoverings_bohemian_romance.htm">
<img src="http://www.leejofa.com/images/wallcoverings/Bohemian-Romance.jpg" alt="Mulberry Home Bohemian Wallpapers" title="Mulberry Home Bohemian Wallpapers" />
</a>
</li>
<li><a href="carpet/leejofa_carpet_kensington.htm">
<img src="http://www.leejofa.com/images/carpets/eastern-high-shine.jpg" alt="Lee Jofa Carpet Kensington" title="Lee Jofa Carpet Kensington" />
</a>
</li>
<li><a href="wallcoverings/coleson_wallcoverings_whimsical.htm">
<img src="http://www.leejofa.com/images/wallcoverings/whimsical4.jpg" alt="Cole & Son Whimsical" title="Cole & Son Whimsical" />
</a>
</li>
<li><a href="fabrics/leejofa/leejofa_fabrics_suzanne_kasler_collection_II.htm">
<img src="http://www.leejofa.com/images/fabrics/suzanne-kasler-collection-II-C.jpg" alt="Lee Jofa Suzanne Kasler Collection II" title="Lee Jofa Suzanne Kasler Collection II" />
</a>
</li>
<li><a href="fabrics/groundworks/groundworks_fabrics_ashley_hicks_textures.htm">
<img src="http://www.leejofa.com/images/fabrics/ashley-hicks9.jpg" alt="Groundworks Ashley Hicks Textures" title="Groundworks Ashley Hicks Textures" />
</a>
</li>
<li><a href="fabrics/leejofa/leejofa_fabrics_ithaka.htm">
<img src="http://www.leejofa.com/images/fabrics/ithaka.jpg" alt="Ithaka Collection for Lee Jofa" title="Ithaka Collection for Lee Jofa" />
</a>
</li>
<li><a href="wallcoverings/groundworks_wallcoverings_david_hicks.htm">
<img src="http://www.leejofa.com/images/wallcoverings/david-hicks1c.jpg" alt="David Hicks Wallpaper for Groundworks" title="David Hicks Wallpaper for Groundworks" />
</a>
</li>
</ul>
<ul class="fssList horizontal home"></ul>
</div>
.JS
$(function() {
$('.slideshow').cycle({
fx: 'fade',
delay: 4000,
timeout: 4000,
pager: '.fssList',
slideExpr: 'li'
});
});
阅读您使用的插件的文档后,它似乎是延迟参数。将其设置为较小的值,例如 10,它将按预期工作。延迟似乎延迟了动画的开始。
$(function() {
$('.slideshow').cycle({
fx: 'fade',
delay: 10,
timeout: 4000,
pager: '.fssList',
slideExpr: 'li'
});
});
演示
相关文章:
- 我可以使此幻灯片图像自动播放吗?
- 在滑块内动态添加幻灯片图像
- 幻灯片图像在页面加载时弹出
- 来自数据库的幻灯片图像
- 如何在Javascript中用URL链接不同的幻灯片图像
- JavaScript渐变幻灯片-图像链接
- 将特定html文件上的幻灯片图像调整为移动屏幕
- 设置幻灯片图像间隔
- 如何在加载时隐藏幻灯片图像
- 背景轮播,用于在幻灯片图像中包含 DIV
- 使用nivoSlider,如何确定当前的幻灯片图像或索引
- 什么是开始使用交互式Javascript幻灯片/图像查看器的简单方法
- Jquery,添加上一个/下一个链接对幻灯片图像的效果
- 幻灯片图像可以在本地使用,但不能在我的网站上使用
- 单击幻灯片图像以强制执行一步
- 使幻灯片图像从第一个到最后
- IE8解决方案的圆角幻灯片图像
- 有没有办法保护我的幻灯片图像?
- 为什么此幻灯片图像没有't跑?这很奇怪
- jQuery幻灯片图像转换