2012-12-12 2 views
1

자바 스크립트를 사용하여 이미지 갤러리를 만들고 이미지를 클릭하면 페이지 중앙으로 확대되는 대신 페이지에서 완전히 확대됩니다. 이미지가 확대되는 동안 센터로 이동하려면 어떻게합니까? 내 갤러리는 한밤중에 만기가되고 나는 그걸 작동시킬 수 없다. 내 교수님은 이미지가 확대되는 동안 왼쪽 위로 움직 이도록해야한다는 암시를 보냈습니다. 누군가가 도울 수 있다면 정말 고마워!자바 스크립트에서 이미지를 클릭하면 문제가 발생합니다.

+2

이쪽 JS

: 예를 들면 다음과 같습니다

$(document).ready(function(){ if($(".myImage img").width() > $(".myImage").width()) { var url = $(".myImage img").prop("src"); $(".myImage").css("background","url("+url+") no-repeat center center").empty(); }else{ $(".myImage img").width($(".myImage").width()).height($(".myImage").height()); } }); 

이는 HTML입니다 어떤 코드도 보지 않고 당신? – maerics

+0

몇 가지 코드를 추가하면 도움이되지 않습니다. – SztupY

답변

1

코드를 보지 않고서 만 개념을 설명 할 수 있습니다. JS와 CSS를 모두 사용해야합니다. 는 CSS에서

<div class="myImage"> 
     <img src="http://cdn.walyou.com/wp-content/uploads//2010/12/facebook-profile-picture-no-pic-avatar.jpg" width="350"/> 
    </div> 

마지막 코드 : : 우리가 도울 수있는 방법

.myImage { border:1px solid #000; width:300px; height:300px; overflow:hidden; } 
관련 문제