同一页面上有多个画廊

Question

我有这两个画廊：https://jsfiddle.net/au254p1q/3/
当我在第二张图像上并点击“下一张”时，幻灯片显示在第二张图库上进行（图片三）。我怎么能避免这个？我需要两个分开的幻灯片到每个画廊。感谢。

enter code here

Answer 1

我对highslide js不是很熟悉，但是当我看到你在两个画廊使用相同的hs实例时，它会在所有提供的图像之间切换。只有你的代码中的差异是html，它没有在画廊之间进行逻辑区分，只有视觉。如果不是单例，您应该为第二个库创建单独的实例。我想你正试图做一些灯箱，试试this。正如我所看到的，它可以为不同的元素传递实例。您应该将数据属性传递给所需的元素：[data-toggle="lightbox"]表示一个，[data-toggle="lightbox-2"]表示第二个，这应该可行。另一方面，它需要jQuery。