我正在使用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,脚本正在加载,但仍然缺少一些东西,我将不胜感激一些帮助。
谢谢!
jquery.dropmenu.js
使用noConflict。 之后,您需要将 $ 称为 jQuery。 将 $() 调用更改为 jQuery(),它应该可以正常工作。