Comment faire fonctionner ensemble Fullsize et Cycle - JQuery ?

Question

J'ai un problème avec l'implémentation de deux outils JQuery ; Cycle et Fullsize (ensemble).

J'ai téléchargé un exemple sur le site : http://lawrencebrown.eu/jquery/index.html

Le problème est que seule la première image s'affiche en pleine taille script, un ami m'a dit d'ajouter le code suivant dans le cycle script :

?after: function () {  $("div.album img").fullsize(); }

J'ai essayé de placer ceci à différents endroits, des lignes 19 à 43 sur index.html, sans succès pour l'instant.

Toute aide que vous pourriez apporter à la majoration entre les lignes 19 et 43 serait la bienvenue.

Je suis conscient qu'il existe de nombreuses autres solutions de lightbox qui peuvent résoudre ce problème - j'en ai même fait fonctionner quelques-unes, mais il s'agit d'une demande spécifique pour ce travail d'utilisation de Fullsize.

Merci pour votre temps

Answer 1

Votre ami a raison. Il suffit de le placer comme ceci après pagerAnchorBuilder (noter les deux points supplémentaires avant l'après)

$(function() {
  $('.album').before('<ul id="nav">').cycle({
  ...
    pagerAnchorBuilder: function(idx, slide) {
      return '<li><a href="#"><img src="' + slide.src + '" width="42" height="33" /></a></li>';
    },
    after: function () {  $("div.album img").fullsize(); }
  });
});