Comment charger une image en haut de votre page Web en utilisant un calque transparent?

Question

consultez ce site Web:

http://www.ramziarabi.com/portfolio/art-portfolio/

Lorsque vous cliquez sur une image, celle-ci s’ouvre en haut de la page Web sans la cacher ni en ouvrir une nouvelle. Je suppose que cela est fait par JavaScript, mais quelqu'un peut-il expliquer comment? fournir du code que je peux utiliser pour le faire?

Answer 1

C’est très simple de faire cela ces jours-ci avec des plugins open source.

Celui qu'ils utilisent sur ce site est LightBox, que l'on peut trouver ici.

http://leandrovieira.com/projects/jquery/lightbox/

Celui que j'aime utiliser s'appelle prettyPhoto et voici un lien avec d'excellents exemples et instructions

http: //www.no- margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

Bonne chance et amusez-vous!

Answer 2

Faites une recherche sur Javascript Lightbox, il en existe de nombreux exemples faciles à utiliser pour le rendre opérationnel.