0

我正在尝试创建一个页面，其中包含一组缩略图，其中包含通过 cms 加载的图像。这些缩略图有一个可点击的事件，一旦点击该事件将打开一个页面，该页面中的所有图像都加载到我选择的幻灯片中。

现在我在玩不同的想法，但我想知道将外部缩略图页面链接到带有皇家滑块画廊的模板有多容易，这样当点击缩略图时，它会转到该外部画廊中的正确图像页？

我知道 api 与 currSlide 等一起使用。这是否可以应用于这个想法的相同原理，以便缩略图列表中的每个图像都可以有一个 id/数字，当单击它时，它与 currSlide 中的对应画廊并在打开时显示那个？

slider.currSlideId // current slide index
slider.currSlide // current slide object

它是否也会从 api 中使用它：

slider.ev.on('rsSlideClick', function() {
    // triggers when user clicks on slide
    // doesn't trigger after click and drag
});

对此有任何想法都会很棒。

谢谢，马克

4

1 回答 1

1

这应该很简单。使用 RoyalSlider，您可以执行以下操作（用户单击缩略图链接并转到幻灯片中正确的幻灯片）：

// Get slider instance from royalSlider data
var slider = $(".royalSlider").data('royalSlider');

// Activate the thumbnail links   
$("ul#thumbnails a.fullScreenGallery").click(function(e) {
    e.preventDefault();
    var slideIndex = $("ul#thumbnails a.fullScreenGallery").index(this);
    slider.goTo(slideIndex);
});
于 2013-09-27T10:41:53.350 回答