0

我正在尝试从位于单独页面上的按钮链接到滑块中的特定幻灯片，因此锚链接将不起作用。我曾考虑在位于滑块上方的滑块文档中使用锚链接，但没有奏效。

理想情况下，我希望能够以这样的方式访问特定的幻灯片。

http://myslider.com/index.html#1
http://myslider.com/index.html#2
http://myslider.com/index.html#3, etc.

我正在使用 Awkward Showcase 滑块。每张幻灯片都位于这样的 div 中：

<div class="showcase-slide">
    <!-- Put the slide content in a div with the class .showcase-content. -->
    <div class="showcase-content">
        <img src="images/01.jpg" alt="01" />
    </div>
</div>

这是滑块的示例页面：http: //showcase.awkwardgroup.com/

基本上，我正在寻找一种通过指定 url 直接加载到幻灯片 2 或 4 等的方法。

我知道我需要链接到数组，我想我需要在这个函数中添加一些东西......可能。

    var contentArray = [];
    var thumbnailArray = [];
    var content_count = 0;
    showcase.children('.showcase-slide').each(function()
    {
        // Get content
        var object = jQuery(this);
        content_count++;


        if(window.location.hash) {
        // Fragment exists
        var myhash = window.location.hash.substring(1);
        $("a[i++'" + myhash + "']").click();
        }
4

1 回答 1

0

在加载时尝试找到导航元素并触发点击。

$(window).load(function() {
  if(window.location.hash) {
   // Fragment exists
   var myhash = window.location.hash.substring(1);
   $("#showcase-navigation-button-"+myhash).trigger('click');
  }
});

上面的例子只是一个展示。

于 2013-04-03T16:53:52.950 回答