Ссылка на определенный слайд слайдера jquery

Question

Итак, я использую очень простой jquery слайдер (см. Пример в действии на this JSFiddle ).Я могу щелкнуть ссылки («Слайд A», «Слайд B», «Слайд C») на странице с ползунком содержимого, чтобы скользить между слайдами.Что бы я хотел бы , чтобы иметь возможность сделать, это позволить посетителю нажать «Слайд B» на другой странице веб-сайта, которая будет ссылаться на страницу, содержащую слайдер, изатем show Slide B.

Возможно, что-то вроде какого-то хеш-тега или якоря в ссылке, подобной этой, может вызвать что-то в Javascript на странице, содержащей слайдер содержимого, для отображения Slide B:

<a href='slidepage.php#slide2>Slide B</a>

Используемый мной скрипт слайдера контента невероятно прост и мал, поэтому я предполагаю, что есть кое-что базовое, что я мог бы добавить к сценарию, который распознает щелчок, чтобы перетащить слайд:

$(document).ready(function (){
$('#button a').click(function(){
    var integer = $(this).attr('rel');
    $('#myslide .cover').animate({left:-160*(parseInt(integer)-1)})  /*----- Width of div mystuff (here 160) ------ */
    $('#button a').each(function(){
    $(this).removeClass('active');
        if($(this).hasClass('button'+integer)){
            $(this).addClass('active')}
    });
});    

});

Опять же, смотрите JSFiddle в действии здесь - не стесняйтесь раскошелиться и помочь парню!

Спасибо взаранее ... Крис

Answer 1

$(document).ready(function (){
  ...
  your old code
  ...

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

Затем используйте фрагменты для ссылки на слайд: http://yourhost.com/path/to/page.html#2

Обновление: удалено # из фрагмента перед его использованием в селекторе.