[résolu .. salement] Galerie photo avec JavaScript & Slimbox 2

Bonjour ..

j'essaye, je dis bien j'essaye de rajouter slimbox2 ( bon équivalent de Lightbox 2)
http://www.digitalia.be/software/slimbox2
au très bon, car très simple galerie en javascript d'olivier
http://www.alsacreations.com/tuto/lire/557-galerie-photo-javascript.html

je m'explique .. je voudrait que la grande image puisse s'ouvrir encore en plus grand dans un lightbox ..
mais je galère vraiment à rajouter cette variable au javascript ..

si quelqu'un a une idée .. moi c'est plutôt PHP ..

Merci
Modifié par camyo (27 May 2009 - 10:04)

Bonjour,

Le script d'Olivier ne te sert strictement à rien si tu utilises slimbox ou un effet du genre pour l'affichage des images. Il n'y a donc pas lieu de tenter de combiner les deux.
Edit: autant pour moi, pas bien lu la question. Reprenons...

Je crois que le plus simple ici (ou du moins le plus propre) serait d'utiliser l'API de Slimbox:
http://code.google.com/p/slimbox/wiki/jQueryAPI

Tu pourrais même réécrire le script d'Olivier en jQuery (devrait pas être bien dur, et ça te permettra de le personnaliser si besoin). Lorsque ton script réécrit a modifié l'image de prévisualisation, tu peux ajouter ou mettre à jour un gestionnaire d'évènement sur l'image, et utiliser directement jQuery.slimbox(url, description, options);.

Bien sûr tout cela demande une compréhension minimale de JavaScript et de jQuery. Le copier/coller de script ne suffira pas.

Petite note relative à l'ergonomie: je ne suis pas sûr que l'utilisateur comprenne à coup sûr qu'après avoir cliqué sur la petite image il peut cliquer sur la grande image pour obtenir une image encore plus grande.
Modifié par Florent V. (26 May 2009 - 19:15)

Merci Florent V.

Comme tu dis, j'ai une connaissance MINIMAL du javascript..
Mais il serait quand même bien que je tente de m'atteler a intégrer jQuery ..

On verra demain, du moins.. je vais essayer ...

bon..j'ai grugé

j'ai rajouté name = "$big_link" et quelques lignes au javacript ..

	
	var lien_grande = document.getElementById('photo').getElementsByTagName('a')[0] ;
	// Tentative de changement de lien

et

	lien_grande.href = this.name; // tentative, le nom devient lien ... ?

et ... ça marche ..

promis, j'essayerais de bosser jQuery

merci encore