11548 sujets

JavaScript, DOM et API Web HTML5

Hello tout le monde,

Voilà, j'ai une petite question. Je voudrais savoir comment Alapage fait pour afficher les images quand on clique dessus. Et je voudrais faire pareil (enfin ce serait un bon début pour ce que je veux faire)
Par exemple : fiche sur alapage , puis cliquer sur l'image a gauche.

Donc a priori, je me dis que leur image doit déjà être chargée dans un <div> caché, et que lorsqu'on clique dessus ça affiche le <div>... Mais ce que j'aime bien surtout, c'est l'espèce de chargement au debut (la page qui devient grise et inaccessible et la petite anim).

Enfin, voilà, si quelqu'un peut m'éclairer ce serait cool.
Merci bien.
Modifié par Maurice Fallou (13 Sep 2007 - 11:48)
Bonjour,

De nombreuses librairies Javascript ou scripts JS proposent cet effet.

Un des plus connus est le script Lightbox JS:
http://www.huddletogether.com/projects/lightbox/

Il y a aussi une version avec plus de fonctionnalités, mais plus lourde (demande le chargement de deux librairies Javascript...):
http://www.huddletogether.com/projects/lightbox2/

Mais peut-être y a-t-il des scripts équivalents mais de meilleure qualité?

PS: je déplace ce sujet dans le salon Javascript.
Ah ben écoute, super. Merci pour les liens.

Je me doutais qu'il devait avoir des librairies existantes (vu qu'il est vrai qu'on retrouve ce genre d'effets assez souvent depuis peu), mais je n'avais aucune idée de comment les rechercher.

Parfait, je regarde tout ça.
Merci encore.