Chargement d'images avec Isotope

Bonjour,

Je me sert depuis deux ans d'un script très utile, Isotope qui me permet d'agencer des blocs et de les filtrer.
A force de m'en servir, j'ai poussé le bouchon en voulant redimensionné des images dans ces blocs.
Le problème c'est que je m'y prend mal : je n'utilise pas de miniatures et les images sont dynamiquement redimensionné à leur taille d'origine.
Pour mieux comprendre, voici ma méthode : http://jsfiddle.net/jQVAg/
Vous comprendrez vite qu'avec plus d'images, le temps de chargement devient très long.

C'est pourquoi je me tourne désormais vers ce script : http://jsfiddle.net/desandro/zhbLL/
Mon problème : je n'arrive pas à mettre 2 ou plusieurs images dans ces blocs.
J'aimerais que lorsque l'on clic sur un bloc, celui ci fasse apparaître LES imageS de ce bloc (avec loading)

J'ai contacté david desandro qui m'a souhaité bonne chance, car il ne peut réponde à des demandes spécifiques.
Je me tourne alors vers vous, en espérant qu'une âme charitable veuille bien m'aider.

A bientôt

re-bonjour,

Je n'ai pas eu de réponse, alors je relance le sujet.
Est-ce que ce n'est pas assez clair ? trop compliqué ?
Aidez-moi au moins à trouver une piste svp

Insérer automatiquement un élément <img> avec en src le lien vers l'image complète ne serait pas suffisant ?

Il te suffirait de détecter quand ton bloc s'élargie, et d'insérer la nouvelle <img> à ce moment.

Oui, c'est apparement ce qui dejà mis en place :

a écrit :
The large image will be dynamically added with jQuery, using the href attribute from the <a> as the src for the new <img>.

extrait du site desandro.

et donc en html :

<div class="photo">
    <a href="grandephoto.jpg"><img class="small-image" src="petitephoto.jpg" /></a>
  </div>

Mais moi ce que je voudrais, c'est mettre en destination deux images ! (impossible de mettre deux images dans un lien...)

Regarde l'API du plugin et voit si tu as des hook sur certains évènement. Si oui, alors utilise les pour loader plusieurs images toi-même.