如何使用fancyBox创建幻灯片?

玛利亚

我在http://www.spanish-bookworld.com/fancybox_demo.html创建了两个图像库

当鼠标不在上方时,图像上缺少“下一步”按钮,这令我感到担忧。我的观众对计算机非常了解,他们大多数不会看到画廊中还有更多图像。

我认为我有两个选择。一种是在图像上永久保留一个“下一步”按钮,另一种是进行幻灯片放映。

不幸的是,我不知道如何编写任何一种解决方案。

有什么线索吗?谢谢。

Maikeximu

正如fancybox文档在其按钮示例(http://jsfiddle.net/Xh3B2/)中所述,您应该尝试将fancybox导航器上的CSS设置为可见(然后使用CSS设置它们的位置)。

对于您的示例,应该首先使用这种CSS将导航设置为始终可见,然后设置下一个/上一个按钮位置。

.fancybox-nav {
width: 60px;       
}
.fancybox-nav span {
visibility: visible;
opacity: 0.5;
} 
.fancybox-nav:hover span {
opacity: 1;
}
.fancybox-next {
right: -60px;
}
.fancybox-prev {
left: -60px;
}

对于幻灯播放选项,应将fancybox脚本设置为“ autoPlay = true。默认值设置为” false“,这将禁用幻灯播放。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用fancyBox创建幻灯片显示?

来自分类Dev

如何使用按钮创建自动幻灯片

来自分类Dev

如何创建matplotlib幻灯片?

来自分类Dev

如何创建纯CSS幻灯片?

来自分类Dev

如何从幻灯片创建新母版?

来自分类Dev

如何轻松禁用fancybox幻灯片显示?

来自分类Dev

幻灯片:如何使用div ID跳到不同的幻灯片?

来自分类Dev

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

来自分类Dev

如何使用Apache Tika(在Scala中)逐张幻灯片提取文本幻灯片?

来自分类Dev

如何使用apache poi为幻灯片设置不同的幻灯片过渡效果

来自分类Dev

如何使用自动布局在scrollview中创建图像的幻灯片显示?

来自分类Dev

如何使用jQuery / CSS3创建“幻灯片库面板”?

来自分类Dev

如何使用Swiper库在Ionic2中创建幻灯片/转盘

来自分类Dev

如何使用Pure Javascript或Pure Javascript库创建背景图像的幻灯片

来自分类Dev

如何为幻灯片创建淡入淡出效果?

来自分类Dev

如何创建桌面墙纸幻灯片放映?

来自分类Dev

如何在选项卡中创建幻灯片

来自分类Dev

如何分离幻灯片

来自分类Dev

使用JS / jQuery创建“幻灯片”效果

来自分类Dev

使用JS / jQuery创建“幻灯片”效果

来自分类Dev

Java - 使用 Swing 创建连续的图像幻灯片

来自分类Dev

如何将FancyBox幻灯片放到Google Map标记上?

来自分类Dev

如何在fancybox灯箱中为每张幻灯片添加音频

来自分类Dev

Google幻灯片API-如何多次复制幻灯片并每次创建唯一的对象ID

来自分类Dev

在python-pptx中使用循环创建多个幻灯片并将数据帧写入幻灯片

来自分类Dev

如何使用jQuery动画显示/隐藏幻灯片效果?

来自分类Dev

如何使用nbconvert将.ipynb转换为幻灯片?

来自分类Dev

如何使用pptx-python设置幻灯片的大小?

来自分类Dev

如何使用javascript显示div幻灯片?

Related 相关文章

  1. 1

    如何使用fancyBox创建幻灯片显示?

  2. 2

    如何使用按钮创建自动幻灯片

  3. 3

    如何创建matplotlib幻灯片?

  4. 4

    如何创建纯CSS幻灯片?

  5. 5

    如何从幻灯片创建新母版?

  6. 6

    如何轻松禁用fancybox幻灯片显示?

  7. 7

    幻灯片:如何使用div ID跳到不同的幻灯片?

  8. 8

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

  9. 9

    如何使用Apache Tika(在Scala中)逐张幻灯片提取文本幻灯片?

  10. 10

    如何使用apache poi为幻灯片设置不同的幻灯片过渡效果

  11. 11

    如何使用自动布局在scrollview中创建图像的幻灯片显示?

  12. 12

    如何使用jQuery / CSS3创建“幻灯片库面板”?

  13. 13

    如何使用Swiper库在Ionic2中创建幻灯片/转盘

  14. 14

    如何使用Pure Javascript或Pure Javascript库创建背景图像的幻灯片

  15. 15

    如何为幻灯片创建淡入淡出效果?

  16. 16

    如何创建桌面墙纸幻灯片放映?

  17. 17

    如何在选项卡中创建幻灯片

  18. 18

    如何分离幻灯片

  19. 19

    使用JS / jQuery创建“幻灯片”效果

  20. 20

    使用JS / jQuery创建“幻灯片”效果

  21. 21

    Java - 使用 Swing 创建连续的图像幻灯片

  22. 22

    如何将FancyBox幻灯片放到Google Map标记上?

  23. 23

    如何在fancybox灯箱中为每张幻灯片添加音频

  24. 24

    Google幻灯片API-如何多次复制幻灯片并每次创建唯一的对象ID

  25. 25

    在python-pptx中使用循环创建多个幻灯片并将数据帧写入幻灯片

  26. 26

    如何使用jQuery动画显示/隐藏幻灯片效果?

  27. 27

    如何使用nbconvert将.ipynb转换为幻灯片?

  28. 28

    如何使用pptx-python设置幻灯片的大小?

  29. 29

    如何使用javascript显示div幻灯片?

热门标签

归档