我在这个页面上使用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,脚本正在加载,但仍然缺少一些东西,我希望能得到一些帮助。
谢谢!
发布于 2012-04-19 23:47:39
jquery.dropmenu.js使用noConflict。在此之后,您需要将$引用为jQuery。将您的$()调用更改为jQuery(),它应该可以正常工作。
https://stackoverflow.com/questions/10231580
复制相似问题