Я использую 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;
}
});
});