찾다

 >  Q&A  >  본문

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

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

習慣沉默習慣沉默2775일 전765

모든 응답(2)나는 대답할 것이다

  • 淡淡烟草味

    淡淡烟草味2017-05-19 10:49:30

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

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

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

    으아악

    대형 사진 표시 영역

    으아악

    css

    으아악

    js

    으아악

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

    회신하다
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-19 10:49:30

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

    회신하다
    0
  • 취소회신하다