클릭하면 확대/축소 이미지

Question

나는 사진의 웹 페이지를 만들어야하는 프로젝트에서 일하고있다. 이 페이지에서는 여러 개의 이미지를 보여야합니다. 사용자가 필요로하는 것은 이미지를 클릭 할 때 확대/축소되지만 배경으로 웹 페이지를 다시 가져 오는 것입니다.

Answer 1

자바 스크립트로 이미지 너비와 높이를 변경할 수 있습니다. 사용자가 이미지를 클릭 할 때 모든 것이 가장 위에 오도록 Z- 인덱스를 변경하십시오. 사용자가 이미지를 두 번 클릭하면 너비와 높이가 보통으로 변경됩니다.

이것 좀보세요 post

희망 답변드립니다.

Answer 2

웹 페이지에 보이지 않는 Div를 넣으려고합니다 (Z- 색인 : 1; 표시 : 없음;). 클릭 한 후 div에 확대 된 이미지를 넣고 div를 표시합니다.

Answer 3

@Abdul과 같은 jQuery 플러그인을 사용할 수 있습니다. 사진의 웹 페이지이며 디자인이 중요하다는 사실을 고려하면 NivoZoom 또는 내 개인 즐겨 찾기 fancybox을 사용해야합니다.