我在此页面上使用 jQuery Cycle 进行幻灯片放映:http ://www.orientalhealthsolutions.com/
页面中心的图像应该旋转。但是,它们不是。
这是HTML:
<div class="slideshow">
<img src="{site_url}/photos/slideshow-1.jpg" alt="slideshow-1" width="600" height="410" />
<img src="{site_url}/photos/slideshow-2.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-3.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-4.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-5.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-6.jpg" alt="slideshow-2" width="600" height="410" />
<img src="{site_url}/photos/slideshow-7.jpg" alt="slideshow-2" width="600" height="410" />
</div>
这是jQuery:
<script type="text/javascript" src="{site_url}scripts/jquery.cycle.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade',
timeout: 4000,
autostop: 1
});
});
</script>
我尝试使用 FireBug,脚本正在加载,但仍然缺少一些东西,我希望能得到一些帮助来整理它。
谢谢!