JQuery 图像选择器事件 - 幻灯片放映

标签 jquery image slideshow slidetoggle

我是 JQuery 新手,刚刚开始使用它,我有一个图像选择器,效果很好,但是我正在尝试将其转换为幻灯片,因此它每隔几秒就会交换图像和文本,但是我仍然想将点击功能保留在单独的元素上。

有人可以帮忙吗?:

$ ( function () {
    $ ("a:has(img.gallery)").click(function() {
        var largePath = $ (this) .attr ("href");
        var caption = $ (this) . attr ("title");

                var image = $ ("#large-image");
                image.fadeOut('400', function () {
                                            image.attr ({ src: largePath }) ;
                                            image.fadeIn('400');
                                                    });
                    $ ("#caption1"). text (caption) ;
                    return false;
                }) ;
    });

</script>

任何和所有的帮助将不胜感激

谢谢

最佳答案

jquery 计时器插件非常有用,但您始终可以使用 javascript setInterval 或 setTimeout 函数。您应该创建一个要使用的图像数组,并使用计时器插件或 setInterval 函数循环遍历它们。

关于JQuery 图像选择器事件 - 幻灯片放映,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5279935/

相关文章:

jquery - Flexisel 强制 <li> 到一行,不显示 :inline-block or whites-space:nowrap

javascript - 使用 Javascript 获取用户的 Jive 权限组列表

php - 如何确定图像何时完成加载?

javascript - 改进基本脚本以预加载图像

javascript - 将变量移交给 html

jquery - 使用 jQuery 的随机图像幻灯片

Jquery 隐藏/显示延迟

ios - 将图像缩放到给定的NSData字节大小-PNG压缩

html - 在图像幻灯片放映外添加边框

jquery - 使用 jquery 使 animate.css 效果在悬停和点击时起作用