Estoy usando JQuery Cycle con una navegación de buscapersonas generada dinámicamente. Estoy intentando descubrir cómo vincular una diapositiva específica utilizando window.location.hash desde el atributo de título de la imagen. Descubrí cómo modificar el complemento hasta este punto usando este ejemplo (http://jquery.malsup.com/cycle/perma2.html#home), pero no enlaza. Simplemente te envía de vuelta a la primera diapositiva.Jquery Cycle Hash URL desde el atributo de título de imagen
Hice referencia a este subproceso de soporte de stackoverflow (http://stackoverflow.com/questions/4969752/display-anchor-instead-of-index-in-url-with-jquery-cycle), pero están utilizando un existente buscapersonas, no una que se genera sobre la marcha. ¡Todavía soy nuevo para aprender Jquery, así que cualquier orientación es apreciada!
Aquí está la secuencia de comandos de 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;
}
});
});
Gracias! ¡Esa fue una solución tan simple! – hootnanny