Fancybox: seulement quelques images affichées dans la page mais plus dans la galerie

Ceci est mon script qui appelle FancyBox:

 jQuery(document).ready(function() { jQuery(".fancybox").fancybox({ helpers : { title : { type : 'float' } }, beforeShow: function(){ this.title = '
'+jQuery(this.element).next('div').html()+'
'; } }); });

Et ce sont mes 6 images en HTML

 
DESCRIPTION
DESCRIPTION
DESCRIPTION
DESCRIPTION
DESCRIPTION
DESCRIPTION

Ce que j’aimerais faire, c’est: n’afficher que ces 6 images dans la page, mais lorsque l’utilisateur clique sur l’icône suivante (dans fancybox), d’autres images sont chargées dans la galerie (donc, arrivé à la cinquième image, ce ne sera pas le cas. redémarrez mais continuez avec d’autres images). Je ne peux pas faire cela avec l’ display:none supprimé en cliquant sur suivant, car il y aurait beaucoup d’images. Et les images avec display:none n’est encore chargée au moment du chargement. Pouvez-vous me donner des exemples sur la manière de procéder de manière propre? 🙂

Pour vos images supplémentaires, placez simplement leurs liens dans une div cachée comme:

 
DESCRIPTION
DESCRIPTION
DESCRIPTION
DESCRIPTION
... etc

AVIS que les liens à l’intérieur de la div cachée div PAS les images miniatures ( ), vous n’ajoutez donc pas de surcharge au chargement de votre page …. et en ce qui concerne les liens, si vous voulez plus d’images dans votre galerie, vous devez pour les coder en dur ici ou n’importe où, comme dans votre script par exemple.