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

克里斯·拉德

到目前为止的小提琴:

jsfiddle.net/hYEzV/993/

所以我正在寻找一个可以更改为下一个图像或预览图像的按钮,我不确定如何操作...

我已经在小提琴中创建了上一个和下一个按钮,它们只需要将功能更改为下一个或上一个图像即可。

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

编辑:我正在寻找它仍能像在即时播放图像后那样自动播放,如果该人不想只是坐下来观看的话,而不是等待计时器。我还需要右下角的链接按钮保持原样。

对于下一个按钮,我认为这是:

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

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

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

宝洛雅

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

我删除了计时器,并将click事件添加到了箭头元素。
test()函数正确执行了下一步操作,我还原了该prev()函数的图像

这些<a>元素无关紧要,您可以摆脱它们。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用“下一步”和“上一步”按钮从数据库读取数据

来自分类Dev

使用javascript的“下一步”和“后退”按钮

来自分类Dev

使用下一步和后退按钮创建应用活动

来自分类Dev

Android的“下一步”和“完成”按钮

来自分类Dev

如何在“下一步”按钮中的数据上显示第二行,使用LINQ在C#和XML数据库中单击

来自分类Dev

QWizardPage:如何重新禁用“下一步”按钮

来自分类Dev

使用 PageViewController 上的下一步按钮

来自分类Dev

jQuery选项卡的“下一步”和“后退”按钮

来自分类Dev

如何禁用Jquery UI中除活动选项卡以外的其他选项卡。使用下一步和PRev按钮

来自分类Dev

Foxpro表单数据绑定和“下一步”,“上一步”按钮

来自分类Dev

如何使“返回”和“下一步”按钮正常工作?

来自分类Dev

NSIS:如何获得完成和下一步按钮?

来自分类Dev

使用Phonegap-覆盖Blackberry屏幕键盘上的“下一步”和“提交”按钮

来自分类Dev

使用Swift和textFieldShouldReturn的“下一步” /“完成”按钮

来自分类Dev

使用“下一步”和“后退”按钮以阵列的形式播放声音

来自分类Dev

如何使用Selenium从Python按下“下一步”按钮?

来自分类Dev

Python Web抓取,如何使用Requests-HTML库单击“下一步”

来自分类Dev

在图片管理器中使“下一步”按钮起作用

来自分类Dev

创建“下一步”按钮,如何为另一个视图设置目标?

来自分类Dev

如何使用 jquery 创建图片库

来自分类Dev

下一步按钮导航Access数据库行

来自分类Dev

下一步按钮导航Access数据库行

来自分类Dev

单击下一步按钮时如何清除按钮颜色?

来自分类Dev

JFileChooser和“下一步”-“上一个”按钮

来自分类Dev

带“下一步”按钮的NumberDecimal InputType

来自分类Dev

UITextField-下一步按钮(2)

来自分类Dev

创新设置:多个“下一步”按钮

来自分类Dev

项目xml文件的下一步按钮-android

来自分类Dev

下一步按钮触发CSS动画的

Related 相关文章

  1. 1

    如何使用“下一步”和“上一步”按钮从数据库读取数据

  2. 2

    使用javascript的“下一步”和“后退”按钮

  3. 3

    使用下一步和后退按钮创建应用活动

  4. 4

    Android的“下一步”和“完成”按钮

  5. 5

    如何在“下一步”按钮中的数据上显示第二行,使用LINQ在C#和XML数据库中单击

  6. 6

    QWizardPage:如何重新禁用“下一步”按钮

  7. 7

    使用 PageViewController 上的下一步按钮

  8. 8

    jQuery选项卡的“下一步”和“后退”按钮

  9. 9

    如何禁用Jquery UI中除活动选项卡以外的其他选项卡。使用下一步和PRev按钮

  10. 10

    Foxpro表单数据绑定和“下一步”,“上一步”按钮

  11. 11

    如何使“返回”和“下一步”按钮正常工作?

  12. 12

    NSIS:如何获得完成和下一步按钮?

  13. 13

    使用Phonegap-覆盖Blackberry屏幕键盘上的“下一步”和“提交”按钮

  14. 14

    使用Swift和textFieldShouldReturn的“下一步” /“完成”按钮

  15. 15

    使用“下一步”和“后退”按钮以阵列的形式播放声音

  16. 16

    如何使用Selenium从Python按下“下一步”按钮?

  17. 17

    Python Web抓取,如何使用Requests-HTML库单击“下一步”

  18. 18

    在图片管理器中使“下一步”按钮起作用

  19. 19

    创建“下一步”按钮,如何为另一个视图设置目标?

  20. 20

    如何使用 jquery 创建图片库

  21. 21

    下一步按钮导航Access数据库行

  22. 22

    下一步按钮导航Access数据库行

  23. 23

    单击下一步按钮时如何清除按钮颜色?

  24. 24

    JFileChooser和“下一步”-“上一个”按钮

  25. 25

    带“下一步”按钮的NumberDecimal InputType

  26. 26

    UITextField-下一步按钮(2)

  27. 27

    创新设置:多个“下一步”按钮

  28. 28

    项目xml文件的下一步按钮-android

  29. 29

    下一步按钮触发CSS动画的

热门标签

归档