【问题标题】:Change Nivo Slideshow with thumbnails使用缩略图更改 Nivo 幻灯片
【发布时间】:2013-04-07 17:44:17
【问题描述】:

我正在尝试使用 Nivo Slider 和缩略图做一些不同的事情。我不想使用缩略图跳转到特定幻灯片,而是想使用缩略图来完全更改幻灯片中的所有图像。让我试着解释一下。在页面顶部,我有 Nivo 滑块。下面是 3 个缩略图,我们称它们为“thumb1.jpg”、“thumb2.jpg”和“thumb3.jpg”。

当我单击 thumb1.jpg 时,幻灯片应循环播放图像 1a.jpg、1b.jpg、1c.jpg 等。当我单击 thumb2.jpg 时,幻灯片应循环播放图像 2a.jpg、2b .jpg、2c.jpg 等。当我点击 thumb3.jpg 时,幻灯片应该循环播放图像 3a.jpg、3b.jpg、3c.jpg 等。

所有这些都需要在一张幻灯片的页面上进行,而不是在 3 个单独的页面和 3 张单独的幻灯片中进行。该解决方案可以使用 jQuery、PHP 或其他任何可行的方法。有没有办法做到这一点?

很抱歉,如果以前有人问过这个问题,但我所有的搜索都只是使用缩略图跳转到特定幻灯片。任何帮助将不胜感激!

【问题讨论】:

    标签: slider gallery thumbnails nivo-slider


    【解决方案1】:

    你可以把它们放在那些小幻灯片的css中,我想,虽然我不是很熟悉,但你可以尝试一下。

    所以替换图片的球并编辑它的 CSS

    【讨论】:

    • 点击球只会让幻灯片从一张幻灯片跳到另一张幻灯片。单击缩略图时,我想完全更改幻灯片中显示的图像。我认为您的解决方案行不通,但无论如何感谢您的建议:)
    【解决方案2】:

    啊……我用一些非常简单的 PHP 解决了这个问题。缩略图是带有查询字符串的链接,用于指示从哪个目录中提取图片。例如 red/pic1.jpg、red/pic2.jpg 或 green/pic1.jpg、green/pic2.jpg 或 blue/pic1.jpg、blue/pic2.jpg。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-01-30
      • 1970-01-01
      • 1970-01-01
      • 2013-02-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多