同一页面上的多个画廊 – 推进画廊

我使用精选盒子滑块在我的网站上创建了几个画廊，但在同一页面上同时运行两个画廊时遇到了问题。

我在画廊上有一个简单的上一页和下一页按钮。 但是，当我点击下一个或上一个时，它将只运行一个图库而不是为各自的图库操作。

我该如何解决这个问题？

这是代码：

JS

//Gallery 1 jQuery(document).ready(function($j) { gallery = $j("#transformed-aviation-gallery").featuredbox({ width: 940, height: 400, slidesAnimation: "slide-left", startPositionOffsetX: 0, startPositionOffsetY: 0, slidesSpeed: "slow", hParts: 1, vParts: 6, blocksWaitInterval: 50, descriptionAnimation: "fade", descriptionSpeed: "slow", rotateInterval: 0, slidesReverseAnimation: false, slidesPattern: "random", previous: ".next", useFadeIn: true, pauseOnMouseHover: true }); }); //Gallery 2 jQuery(document).ready(function($j) { gallery = $j("#changed-aviation-gallery").featuredbox({ width: 940, height: 400, slidesAnimation: "slide-left", startPositionOffsetX: 0, startPositionOffsetY: 0, slidesSpeed: "slow", hParts: 1, vParts: 6, blocksWaitInterval: 50, descriptionAnimation: "fade", descriptionSpeed: "slow", rotateInterval: 0, slidesReverseAnimation: false, slidesPattern: "random", previous: ".next", useFadeIn: true, pauseOnMouseHover: true }); }); 

HTML

 
 
 
 
  
 
 
 Previous | Back | Next 
 
 
 
 
 
  
 
 
 Previous | Back | Next 
  

我假设我需要确定前一个或下一个应该控制哪个画廊但我该怎么做？

注意：最后一个或第二个图库是可以向前或向后移动的图库。 单击下一个或上一个时，第一个库不执行任何操作。

请提供示例。

谢谢！

UPDATE

我试图在网站上添加一个iframe，看看我是否可以让画廊玩得很好，这完全打破了画廊。

Answer 1

我不得不更改图库代码：

 //Gallery 1 jQuery(document).ready(function($j) { gallery1 = $j("#transformed-aviation-gallery").featuredbox({ //I added a 1 to gallery //gallery code }); }); //Gallery 2 jQuery(document).ready(function($j) { gallery2 = $j("#changed-aviation-gallery").featuredbox({ //I added a 2 to gallery //gallery code }); }); 

然后我不得不更改链接以与正确的库关联：

  
 Previous | Next  
 Previous | Next