이미지 CSS 변경 onClick 애니메이션 Jquery

이미지를 CSS를 사용하여 높이와 너비를 100px로 설정했지만 이미지를 클릭 할 때 높이와 너비가 400px로 변경되고 싶지만 애니메이션을 사용하고 싶습니다. 변화.이미지 CSS 변경 onClick 애니메이션 Jquery

나는이 내 시도를 시작했습니다 :

$('img').click(function() { 
    $('img').animate({ 
    height: '400px', 
    width: '400px', 
    }, 5000, function() { 
    }); 
});

편집 : 죄송 유형에 대한, 그리고 목적은 이미지 만이 선택되는 애니메이션입니다.

또한 여기에 내가 작업하기 위해 노력하고있는 사이트 링크가 있습니다. OUR WORK를 클릭 한 다음 미리보기 이미지를 클릭하십시오. 클릭시 이미지 크기를 조정하고 싶습니다. CLICK HERE.

출처

2012-08-22 drummer392

그리고 문제가 무엇입니까 ?? ... [FIDDLE] (http://jsfiddle.net/MuS8G/) ... – adeneo

문제는 'height' 매개 변수가 두 번 포함되어 있고'width' 매개 변수가 전혀 포함되지 않은 것입니다. – Shmiddty

@Shmiddty - 제 잘못, 이중 높이 문제는 너무 분명합니다. 질문에 오타가 있었음을 아무도 확신하지 못했을 것입니다. 먼저 아무도 자신이 직접 작업을 시도한 다음 높이가 2 배인 코드를 다시 입력해야합니다. 그 오류를 찾아내는 것은 좋지만, 실제 질문이나 표시가 없으므로 나는 잘못 생각할 수 있습니다. – adeneo

핸들러 함수 내에 현재 이미지를 지정하려면 this을 사용하고, 애니메이션을 적용 할 속성 대신 문자열을 사용하고 witdh 및 height 대신 높이를 두 번 사용할 수도 있습니다.

$('img').click(function() { 
    $(this).animate({ 
    height: 400, 
    width: 400, 
    }, 5000, function() { 
    }); 
});

출처

2012-08-22 22:31:17 Musa

모든 이미지에 애니메이션을 적용하는 데 목적이 없다는 것을 어떻게 알 수 있습니까? 어떤 이유로 든 – adeneo

을 클릭하면 이미지를 클릭 할 때 함수가 호출되지 않습니다. 내 질문에 사이트에 대한 링크를 게시했습니다. – drummer392

@ drummer392 코드를 찾을 수 없지만 사용 전에 nivoSlider가로드되지 않는 것을 볼 수 있습니다. – Musa

$('img').click(function() { 
    $(this).animate({ 
    height: '400px', 
    width: '400px', 
    }, 1000, function() { 
    }); 
});

1) 당신은 당신이 하나 개의 이미지를 클릭하면, 그렇지 않으면 모든 이미지가 애니메이션됩니다, 내부 선택에 대한 this 대신 'img'을 사용하고 싶습니다.

2) height 두 번 포함했습니다.

출처

2012-08-22 22:35:18 Shmiddty

이미지 CSS 변경 onClick 애니메이션 Jquery

답변

관련 문제