web-dev-qa-db-fra.com

Comment puis-je ajouter une fonctionnalité "Cliquez pour agrandir l'image", avec l'image agrandie s'ouvrant dans une fenêtre contextuelle?

J'ai plusieurs images de formes d'interface utilisateur et de tâches assez volumineuses. Je souhaite afficher une image plus petite, miniature, permettant à l'utilisateur de cliquer sur "Agrandir", puis d'afficher l'image de la taille de remplissage dans une fenêtre ou un onglet séparé. Les fenêtres contextuelles sont mal vues, mais c’est une décision que je dois encore prendre.

Comment pourrais-je m'y prendre? Où placerais-je le code JavaScript qui charge l'image en taille réelle et ouvre une nouvelle fenêtre?

1
ProfK

Vous devriez utiliser une lightbox pour cela. Essaye celui-là. Ça marche bien

http://lokeshdhakar.com/projects/lightbox2/

Il existe des instructions sur son utilisation et une documentation sur son fonctionnement. Le téléchargement contiendra également des exemples et vous pouvez simplement copier et coller le code.

1
Jamie