JQuery 自动幻灯片
JQuery automatic slideshow
我正在尝试在我的网页上使用JQuery实现一个简单的自动幻灯片。我遵循了本教程:https://www.youtube.com/watch?v=r5iPoJZjXnU。但是,似乎我的淡出()和淡入()函数不能很好地工作。代码有效,但图像之间的过渡太快且不平滑。
这是我所做的:
在我的头标签中添加了这些行,用于上传 jquery 和 jquery UI 库:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
然后,在我的身体标签的末尾,我简单地添加了:
<script type="text/javascript">
function galerie(){
var active = $("#slideshow .active");
var next = (active.next().length > 0) ? active.next() : $("#slideshow img:first");
active.fadeOut(function(){
active.removeClass("active");
});
next.fadeIn("slow").addClass("active");
}
</script>
并在我单击我的 H1 标签时调用此函数:
<h1 onClick="galerie()">Pure</h1>
你有什么建议吗?
问题解决了,是我的 html 结构不正确
相关文章:
- 通过幻灯片更改事件停止使用jquery的音频
- 不能在同一页上进行多个jquery幻灯片切换
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- jQuery图像幻灯片,在停止后淡出到第一张图像
- JQuery幻灯片,可点击编号位置
- Jquery幻灯片以一行左侧的图像开始,但我希望它从右端开始
- 使用jQuery无限循环播放HTML页面幻灯片
- 我做了一个jquery幻灯片,但没有;我工作不好,我该怎么办
- 我创建了一个jQuery幻灯片,但它一直在重复相同的图像
- jQuery Orbit-如何制作随机幻灯片
- jQuery透明图像描述鼠标悬停时的幻灯片动画
- jQuery幻灯片Down&然后在计时器上向上滑动
- JQuery.animate()菜单幻灯片返回
- 如何使用JQuery制作此菜单幻灯片
- jQuery幻灯片放映问题-幻灯片放映不起作用
- 显示所有幻灯片Jquery
- 完整的背景图片幻灯片jquery,想让幻灯片的最后一张图片可以点击
- 用php,html制作facebook相册幻灯片?jquery
- 创建特殊的wordpress幻灯片"jquery.cycle.all.js"
- 幻灯片Jquery插件-类似于BBC测试版