zom을 클릭하면 모바일 이미지 전체 화면이 표시됩니다.

Question

모바일 웹 사이트 이미지의 확대/축소 기능을 구현하고 싶습니다. 필자가 보았던 모든 웹 사이트는 이미지를 클릭하면 전체 화면으로 만들어줌으로써 사용자가 집어 넣고 확대/축소 할 수 있습니다.

내 웹 사이트에는 확장이 불가능한보기 포트가있어 실제 웹 사이트를 확대 할 수는 없으며 클릭 한 이미지를 가져와야합니다.

여기에 자바 스크립트 플러그인이 있습니까? 아니면 어떻게 든이 플러그인을 구현해야합니까? 이 사용이 작업을 수행하는

Answer 1

내 방법은 addClass 및 https://jsfiddle.net/moongod101/5u775ges/
removeClass 및 transition

Answer 2

더 ToggleClass를 사용하여 더 나은 CSS를 조금 사용하고 있습니다.

멋진 효과를 사용하려면 전환 효과를 추가하십시오.

JQUERY

$(function() { 

    $('.small').click(function(){ 
     $('.small').toggleClass('full'); 
     $('body').toggleClass('dark') 
    }) 

); 

DEMO