URL хеширования цикла JQuery из атрибута заголовка изображения

Я использую JQuery Cycle с динамически генерируемой навигацией по страницам. Я пытаюсь понять, как связать конкретный слайд с помощью window.location.hash из атрибута заголовка изображения. Я выяснил, как модифицировать плагин до этого момента, используя этот пример (http://jquery.malsup.com/cycle/perma2.html#home), но он не ссылается. Он просто возвращает вас к первому слайду.

Я ссылался на этот поток поддержки stackoverflow (http://stackoverflow.com/questions/4969752/display-anchor-instead-of-index-in-url-with-jquery-cycle), но они используют существующий пейджер. навигация, а не та, которая создается на лету. Я все еще новичок в изучении JQuery, поэтому приветствую любые рекомендации!

Вот сценарий JQuery:

$(function() {
var h, 
    hash = window.location.hash, 
    hashes = {},
    index = 0;

$('#slide img').each(function(i) {
    h = $(this).find('img').attr('title');
    hashes[h] = i;
});

if (hash)
    index = hashes[hash.substring(1)] || index;

$('#slide').cycle({ 
    fx:     'fade', 
    startingSlide: index, // <-- don't forget this!
    speed:  'fast', 
    timeout: 0,
    activePagerClass: 'active',
    pager:  '.timeline', 
    pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '.timeline li:eq(' + idx + ') a';
    },
    after: function(curr,next,opts) {
        h = $(this).find('img').attr('title');
        window.location.hash = h;
    }
});
});
5
задан hootnanny 18 October 2011 в 22:53
поделиться