이미지를 클릭하면 DIV 오버레이 표시?

Question

이미지를 클릭 할 때 숨겨진 DIV를 오버레이로 표시하는 방법을 알아 내려고합니다.

이 나는이 예제를 발견했습니다 : FIDDLE 빨간색 사각형을 보여줍니다

하고는 DIV을 보여주고 있음을 클릭합니다. 다시 클릭하면 DIV가 사라집니다.

동일한 작업을하고 싶지만 이미지에 클릭이 생기고 이미지를 클릭하면 이미지에서 왼쪽으로 오버레이 슬라이드가 생깁니다.

누구나 어떻게 할 수 있습니까?

감사합니다.

Answer 1

이 같은 것을 찾고 계십니까? 동일한 ID를 유지하면서 빨간색 상자 div를 img 태그로 대체 했으므로 스크립트는 계속 클릭을 참조하고 작업을 수행 할 수 있습니다. 따라서 이미지를 클릭하면 jquery는 여전히 오버레이를 표시하거나 숨 깁니다.

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

나는 함께 빨간색 상자 DIV 대체 :

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

을하고 #clickme의 CSS를 변경 : 내가

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