javascript - 이미지를 클릭하여 확대 및 축소하는 데 사용할 수 있는 간단한 js가 있습니까?

Question

html에서 이미지를 확대 축소할 수 있는 js를 참고하고 싶습니다.
큰 이미지와 작은 이미지 두 종류를 사용하는 것이 가장 좋습니다.
댓글과 사진 공유 기능을 사용하고 싶습니다.
더 간단한 것이 있나요? 너무 이해가 안 돼요

Answer 1

일반적으로 이러한 기능에는 클릭 시 큰 그림이 나타나는 애니메이션 효과, 마스크 레이어, 그림을 제어 가능한 대기열로 전환해야 하는지 여부 등 많은 기능이 필요하므로 많을수록 함수를 사용하면 자연스럽게 더 많은 코드가 생성됩니다. 일반적으로 JQ 확장 개체 메서드 플러그인으로 만들거나 js 생성자, ES6 클래스 등으로 구현됩니다.

작은 사진을 클릭하면 큰 사진이 팝업되는 가장 간단한 기능이 필요하다면 - - 가장 독창적인 기능이 여기에 있습니다. .
예제 직접 보기: https://jsfiddle.net/v1sgnuhp/

작은 그림의 영역을 클릭하세요

으아악

대형 사진 표시 영역

으아악

css

으아악

js

으아악

"The Art of Javascript Dom 프로그래밍"에서 약간 수정됨. . . 처음 JS를 배웠을 때 이 책을 읽었던 기억이 나네요

Answer 2

http://photoswipe.com/ 이거 꽤 좋지 않나요?