请帮助我解决jquery幻灯片显示
|
我已经使用jquery easyslider创建了一个幻灯片。但是它没有发生。我无法找到问题所在。
Javascript如下：
<script type=\"text/javascript\">
$(document).ready(function(){
$(\"#slider\").easySlider({
auto: true,
continuous: true
});
});
</script>
<div id=\"slider\">
<ul>
<li><img src=\"Beauty/1.jpg\" /></li>
<li><img src=\"Beauty/2.jpg\" /></li>
<li><img src=\"Beauty/3.jpg\" /></li>
<li><img src=\"Beauty/4.jpg\" /></li>
<li><img src=\"Beauty/5.png\" /></li>
</ul>
</div>
没有找到相关结果
已邀请:
2 个回复
苏髓骗撩
保持隐藏状态，内部的UL仅保持keep4ѭ之间的切换。 您的标记似乎还可以，但是您的JS无法正常运行。我假设Dreamweaver会在页面顶部包含很多JS。在向页面添加任何功能之前，您可能需要清理所有内容并使其基本工作。 编辑 您遇到的问题与easySlider确定尺寸的方式有关。 您从开始当easySlider代码启动时，它将尝试找出尺寸。由于高度和宽度设置为0，因此它实际上无法进行幻灯片放映并放弃（这是一个过分的简化） 这可以在我设置的小提琴中看到：http://jsfiddle.net/jomanlk/jFePh/2/ 解决的办法是从DIV中删除ѭ6，然后使用JS隐藏。easySlider已加载并完成了它的位。 因此，要解决此问题。 删除属性并添加一个类，使其看起来像this8ѭ 更改文档顶部的JS，使其如下所示 $（document）.ready（function（）{ $（\“＃slider \”）。easySlider（{ 自动：是的， 连续：真 }）; $（\'。hideMeLater \'）。hide（）; //隐藏我们删除的所有div display：none from }）; 这应该可以解决您的幻灯片显示问题。我在这里设置了一个小提琴，并提供了一个示例：http://jsfiddle.net/jomanlk/jFePh/3/ 顺便说一句，我建议您熟悉JS和jquery，以便了解包含插件时实际发生的情况。网上有一些很棒的教程。 另外，您应该清理HTML。磐去裸猜饲