사용자가 이미지를 마우스 오버 한 후 이미지를 가리키고 이미지의 크기를 줄이면 이미지를 확대하려고합니다.이미지의 크기를 변경하는 방법?
나는 다음과 같은 코드가
$('#image_layout').on('hover','img',function(){
$(this).css('width','110%');
})
$('#image_layout').on('mouseout','img',function(){
$(this).css('width','90%');
})
내가없는 이미지의 상단 lefe 위치에서 이미지의 중심 위치에서 이미지를 확대 할 수 있습니다.
한 내가 가진 :
---- ------
| | -> | |
---- | |
------
내가 원하는 사람이 :
------
---- | |
| | --> | |
---- | |
------
내가 이것을 달성하는 방법을 잘 모르겠습니다 (이미지의 중심에서 사진을 크게한다). 어떤 팁? 고마워요!
사용 CSS3 전환 속성은 할 수 없습니다 그 – gaspyr
윌 더 큰 이미지는 여전히 더 큰 바깥 쪽 div 안에 들어 맞습니까? 아니면 div를 포함하고있는 바운드에서 벗어나기를 원하십니까? 대답이 포함 된 div 안에 유지하면 CSS를 통해 세로로 정렬 할 수 있습니다. 그럴 경우 해답을 얻으려면 큰 이미지의 상단을 조정해야합니다. –
CSS3 + JavaScript 접근 방식 : http://stackoverflow.com/questions/7085879/thumbnail-hover-zoom-enlarge-w-css3-and-javascript-z-axis-problem –