javascript - 如何使用 JQuery 创建“下一步”和“预览”按钮? (图片库)

标签 javascript jquery click gallery

到目前为止的 fiddle :

jsfiddle.net/hYEzV/993/

所以我正在寻找一个可以更改为下一张图像或预览图像等的按钮 我不知道该怎么做...

我已经在 fiddle 中创建了上一个和下一个按钮,他们只需要该功能即可更改为下一个或上一个图像。

感谢任何可以提供帮助和解释的人 谢谢。

编辑:我正在寻找它仍然自动播放,就像我在能够浏览图像而不是等待计时器(如果人们不想只是坐着等待和观看)之后所做的那样。我还需要右下角的链接按钮保持原样。

对于下一个按钮,我是这样想的:

$("#Stage_Next_Div_Button").click(function(){
  $(function(){

     $("#container img").first().appendTo('#container').fadeOut(1000);
    $("#container img").first().fadeIn(1000);
});
});

但不知道如何执行“上一个”按钮...

最佳答案

http://jsfiddle.net/hYEzV/998/

我删除了计时器并将单击事件添加到箭头元素。
test()函数正确执行下一步操作,我恢复了 prev() 的图像功能。

<a>元素不相关,您可以删除它们。

关于javascript - 如何使用 JQuery 创建“下一步”和“预览”按钮? (图片库),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23964351/

相关文章:

Jquery 切换每个具有相同 id 的 div

javascript - 图像上传 - MVC 在 Bootstrap 模式中使用时返回 null

javascript - 使用 jQuery get 动态加载时,单击按钮后部分 View 未得到验证

javascript - 为什么我的数组在使用 slice() 后被改变了?

带有远程 json 数据的 jQuery 自动完成

javascript - 数据表在更改事件时重新加载

button - Bootstrap 单击以调用

jquery - 如何获取asp :button ID in jQuery

JAVA鼠标点击,键盘移动

javascript - 递归对象消息