如何使用fadeIn()过渡到最后一张幻灯片

耶稣阿道夫

我创建了一个脚本来创建此“幻灯片”:http : //jsfiddle.net/LWBJG/2/

但是如果我在第一张幻灯片上按下“上一页”,就无法返回上一张幻灯片

我尝试使用最后一个选择器,但没有成功

我还尝试过像这样直接重置计数:

 if(count==1){    
    count=2;
    $(".slideshow :nth-child("+count+")").fadeIn(); 
}

我已经坚持了两天,我试图了解我做错了什么!

我剩下要做的就是,如果我在第一张幻灯片上“站立”时按了“上一个”,则转到最后一张幻灯片

大卫·谢瑞

首先,您需要隐藏.slideshow img页面首次加载时未显示的所有其他元素。您可以通过多种方式执行此操作,但这是一个示例:

$(".slideshow img:not(:nth-child(" + count + "))").hide();

接下来,您需要在转到上一张幻灯片时隐藏当前显示的幻灯片:

$(".slideshow :nth-child(" + count + ")").fadeOut();

最后,您需要将计数设置为.slideshow img转到最后一张图像时的元素数

count = $(".slideshow img").length;

这是一个工作示例:http : //jsfiddle.net/LWBJG/22/

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用fadeIn()过渡到最后一张幻灯片

来自分类Dev

如何将flexslider移动到最后一张幻灯片

来自分类Dev

如何使用OpenXML将幻灯片插入另一张PowerPoint幻灯片?

来自分类Dev

bxSlider最后一张幻灯片为空

来自分类Dev

离子5幻灯片ionSlideDidChange不要求最后一张幻灯片

来自分类Dev

为什么幻灯片会跳过最后一张幻灯片?

来自分类Dev

如何添加一个旋转木马的第一和最后一张幻灯片之间的平稳过渡?

来自分类Dev

如何禁用轮播的最后一张幻灯片上的按钮?

来自分类Dev

如何在最后一张图片上停止CSS图片幻灯片播放?

来自分类Dev

Jssor(列表滑块):如何在最后一张幻灯片上结束

来自分类Dev

如何在最后一张幻灯片上停止滑块

来自分类Dev

BxSlider:最后一张幻灯片上的“下一张”->跳回到第一张幻灯片?

来自分类Dev

BX滑块,从第一个幻灯片闪烁过渡到最后一个幻灯片闪烁(先行然后再返回到原始)

来自分类Dev

如何将PDF从每页两张幻灯片转换为每页一张幻灯片?

来自分类Dev

禁用和启用轮播图标不适用于第一张和最后一张幻灯片之间的幻灯片 - Bootstrap

来自分类Dev

滑动滑块YouTube在最后一张和第一张幻灯片上出现故障

来自分类Dev

如果winWidth <500,光滑的滑块将删除最后一张幻灯片

来自分类Dev

转盘到达最后时返回第一张幻灯片

来自分类Dev

ios Slider默认为最后一张幻灯片

来自分类Dev

隐藏/禁用最后一张幻灯片上的“下一张”按钮和第一张幻灯片上的“上一张”按钮

来自分类Dev

UI引导轮播第一张幻灯片不显示,然后在最后一张幻灯片时崩溃

来自分类Dev

全高滑块跳过一张幻灯片

来自分类Dev

我想做一张幻灯片div

来自分类Dev

bxslider移动第一张幻灯片

来自分类Dev

删除上一张幻灯片上的课程

来自分类Dev

如何使用带有Presenter Console的LibreOffice显示笔记和下一张幻灯片?

来自分类Dev

Bootstrap Carousel 下一张幻灯片添加到上一张幻灯片的下方

来自分类Dev

是否可以从当前幻灯片转到下一张幻灯片?

来自分类Dev

猫头鹰轮播幻灯片全部显示为一张幻灯片

Related 相关文章

  1. 1

    如何使用fadeIn()过渡到最后一张幻灯片

  2. 2

    如何将flexslider移动到最后一张幻灯片

  3. 3

    如何使用OpenXML将幻灯片插入另一张PowerPoint幻灯片?

  4. 4

    bxSlider最后一张幻灯片为空

  5. 5

    离子5幻灯片ionSlideDidChange不要求最后一张幻灯片

  6. 6

    为什么幻灯片会跳过最后一张幻灯片?

  7. 7

    如何添加一个旋转木马的第一和最后一张幻灯片之间的平稳过渡?

  8. 8

    如何禁用轮播的最后一张幻灯片上的按钮?

  9. 9

    如何在最后一张图片上停止CSS图片幻灯片播放?

  10. 10

    Jssor(列表滑块):如何在最后一张幻灯片上结束

  11. 11

    如何在最后一张幻灯片上停止滑块

  12. 12

    BxSlider:最后一张幻灯片上的“下一张”->跳回到第一张幻灯片?

  13. 13

    BX滑块,从第一个幻灯片闪烁过渡到最后一个幻灯片闪烁(先行然后再返回到原始)

  14. 14

    如何将PDF从每页两张幻灯片转换为每页一张幻灯片?

  15. 15

    禁用和启用轮播图标不适用于第一张和最后一张幻灯片之间的幻灯片 - Bootstrap

  16. 16

    滑动滑块YouTube在最后一张和第一张幻灯片上出现故障

  17. 17

    如果winWidth <500,光滑的滑块将删除最后一张幻灯片

  18. 18

    转盘到达最后时返回第一张幻灯片

  19. 19

    ios Slider默认为最后一张幻灯片

  20. 20

    隐藏/禁用最后一张幻灯片上的“下一张”按钮和第一张幻灯片上的“上一张”按钮

  21. 21

    UI引导轮播第一张幻灯片不显示,然后在最后一张幻灯片时崩溃

  22. 22

    全高滑块跳过一张幻灯片

  23. 23

    我想做一张幻灯片div

  24. 24

    bxslider移动第一张幻灯片

  25. 25

    删除上一张幻灯片上的课程

  26. 26

    如何使用带有Presenter Console的LibreOffice显示笔记和下一张幻灯片?

  27. 27

    Bootstrap Carousel 下一张幻灯片添加到上一张幻灯片的下方

  28. 28

    是否可以从当前幻灯片转到下一张幻灯片?

  29. 29

    猫头鹰轮播幻灯片全部显示为一张幻灯片

热门标签

归档