Afficher DIV Overlay lorsque l'utilisateur clique sur l'image?

Question

J'essaie de voir comment afficher une DIV cachée en superposition quand on clique sur une image.

J'ai trouvé cet exemple: FIDDLE

Ce qui montre un carré rouge et lorsque vous cliquez sur ce qu'il montre le DIV. Cliquez à nouveau, la DIV disparaît. Je voudrais faire la même chose mais faire un clic sur une image et faire glisser la superposition vers la gauche -> à droite de l'image quand on clique sur l'image.

Quelqu'un a des idées comment je peux faire ça?

Merci

Answer 1

Vous cherchez quelque chose comme ça? J'ai remplacé la boîte rouge div avec un tag img tout en gardant le même identifiant, de sorte que le script peut toujours référencer et effectuer l'action sur le clic. Donc, si vous cliquez sur l'image, la jquery affiche/cache la superposition?

http://jsfiddle.net/wacrmfqu/1/

Je remplacé la boîte rouge div avec:

<img id="clickme" src="http://travel.usnews.com/images/destinations/94/yosemite_mirror_lake_getty_michael_h_spiva.jpg"> 

et a changé le CSS pour #clickme à:

#clickme { 
    position: absolute; 
    top: 0; 
    right: -100px; 
    height: 100px; 
    width: 100px; 
    cursor: pointer; 
}