fancybox ne fonctionne que sur la dernière image en chrome et FF

Question

Dans firefox Fancybox ne fonctionne que sur la dernière image (dernière image dans la source, pas la page Web visuelle). Dans IE tout fonctionne bien.

J'ai changé ID en CLASS, mais pas encore de succès. Vous pouvez trouver la source ici: http://www.luukratief-design.nl/dump/parallax/stack.html

aidez s'il vous plaît! Me déranger pendant des heures maintenant.

Answer 1

Les ancrages sont placés en haut.

Pour voir ce que je veux dire, la console ouverte Firebug et tapez ce

$('a.big').css({ border: '6px solid red' }) 

Regardez maintenant les boîtes rouges tout en haut tassé.

Je pense que c'est parce que l'effet est ajouté aux images, et non aux liens parents. Les images sont affichées en utilisant position: absolute, et comme les ancres n'ont pas position: relative, les ancres s'effondrent comme si elles n'avaient pas de contenu.

Puisque vous utilisez JavaScript, pourriez-vous faire quelque chose comme ça?

$('a.big').click(function(event) { 
    event.stopPropagation(); // in case it bubbles up the parent anchor somehow and fires twice in IE 
    // trigger lightbox here.. 
    $(this).parent('a').click(); 
}); 

Vous ne savez pas si cela va fonctionner, mais il pourrait être sur la bonne voie ... bonne chance.