이미지 확대/축소 효과를 구현하려고합니다. 오버플로가있는 컨테이너에 있기 때문에 : 숨김, 너비를 늘리고 왼쪽으로 밀어 가면 트릭을해야합니다.jQuery에서 두 번째 애니메이션을 어떻게 추가합니까?
/* Zoom in images */
$('img.vectimg').load(function() {
$(this).data('width', this.width);
}).bind('mouseenter mouseleave', function(e) {
$(this).stop().animate({
width: $(this).data('width') * (e.type === 'mouseenter' ? 1.2 : 1)
});
});
하지만 어떻게 그것을 왼쪽으로 이동 애니메이션을 추가 할 수 있습니다
나는 그것이 폭의 증가 수 있도록 관리했습니다? 나는 이것을 덧붙이려고했지만/작동하지 않았다.
$(this).stop().animate({
left: $(this).position().left + 500
});
는 정말 :) 하드 데려다하지 마십시오
귀하의 요소 ** 위치는 **해야합니다 ** 상대 **로 설정하면 jQuery 콜백을 사용하여 위치가 변경됩니다. – Chipmunk
이미 해봤습니다. – slownage