Galerie image > Agrandissement de l'image

Bonjour à tous,

Mon site contient une galerie d'images utilisant la technologie AJAX. Cette galerie est composée de vignettes et d'une image principale de plus grandes dimensions changeante au clic vignette.

Je souhaite permettre au visiteur d'agrandir la taille de cette image principale comme à la manière des script "lightbox" "slidebox" avec redimensionnement à la taille de l'écran (ce serait un plus)

Je refuse d'utiliser des scripts faisant appel à des bibliothèques (mootoools JQuery ...). Il faut quelque chose de non sophistiqué pour garantir le bon fonctionnement de l'ensemble.

Existe t'il un script réunissant tous ces critères et si non, quel serait la meilleure solution?

[Double]
Modifié par renard13 (14 Mar 2013 - 13:42)

Salut,

Quelques pistes :

Tu as ici des explications pour faire une lightbox toute simple en javascript :
http://www.siteduzero.com/informatique/tutoriels/dynamisez-vos-sites-web-avec-javascript/mise-en-pratique

Un script qui réalise pas tous à fait ce que tu demande mais tu peux rentrer dans le code et changer pour lui faire faire ce que tu veux.
Je trouve que l'effet est vraiment jolie.
http://webbricks.org/bricks/imZoom/

Tu as aussi beaucoup de script tous fait qui n'utilise pas jquery que tu peux trouver avec google. Exemple:
http://www.xul.fr/ecmascript/lightbox-image.html

Sinon avec le css3, tu peux aussi réaliser des lightbox :
http://tympanus.net/codrops/2011/12/26/css3-lightbox/
http://www.net-kit.com/10-css3-lightbox-alternatives/
=> Coupler avec modernizr :
http://modernizr.com/
Très simple d'utilisation:
http://www.alsacreations.com/astuce/lire/996-amelioration-progressive-modernizr-et-selecteurs-css.html
http://41mag.fr/decouvrir-la-bibliotheque-modernizr-quest-ce-que-cest-a-quoi-ca-sert-comment-ca-marche.html
Tu détecte si le navigateur supporte les différentes propriétés que tu utilise. Si non, tu renvoie sur une solution de replis.

Si aucun des scripts ici ou que tu trouve sur internet ne te convienne. Il te suffit d'en prendre un de base (celui sur le site du zero). Sur le site webbricks, tu as le code pour connaitre la taille de la fenêtre de l'utilisateur et tu n'as plus qu'a donné les dimension à l'image.

Si tu as des problèmes, tu poste ton code et on trouveras la solution.
J’espère avoir répondu à ta question.

+++++
Modifié par renard13 (14 Mar 2013 - 19:17)

En fait j'ai testé un grand nombre de ces lightbox-like présenté dans ce tableau mais la plupart de ces script ne fonctionne que sur la première des vignettes.

C'est pourquoi je cherche une solution moderne, accessible en css ou simple code pop-up image.