用缩略图改变Nivo幻灯片

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

当我点击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或其他任何工作。有什么办法可以做到这一点？

对不起，如果这之前已被问过，但我所有的搜索只是想出了使用缩略图跳转到特定的幻灯片。任何帮助将不胜感激！

来源

2013-04-15 John O

唉唉的CSS ...我有一些非常简单的PHP想通了。缩略图是查询字符串的链接，用于指定将图片从哪个目录中删除。例如red/pic1.jpg，red/pic2.jpg或green/pic1.jpg，green/pic2.jpg或blue/pic1.jpg，blue/pic2.jpg。

来源

2013-04-15 16:29:56

你可以把它们放在那些小幻灯片指标的CSS中，我认为，虽然我不是很熟悉它，但你可以试试看。

所以更换了图像的球和编辑它

来源

2013-04-15 14:47:41 DiederikEEn

点击球只是让幻灯片从一张幻灯片跳到另一张。我想在单击缩略图时完全更改幻灯片中显示的图像。我不认为你的解决方案会起作用，但是谢谢你的建议:) –

用缩略图改变Nivo幻灯片

回答

相关问题