2010-11-26 8 views
0

jquery 애니메이션을 사용하여 이미지를 슬라이드하려고하는데 easing plugin을 사용하면 작동하지 않는 것 같습니다.jQuery 애니메이트 슬라이드 왼쪽

내가 아이디 = 1로 이미지 다음과 같은 자바 스크립트

$(document).ready(function() { 
    $('#center-photo img:first').show(); 
$('#next').click(function() { 
    var active = $('#center-photo img:first'); 
    //Slider Animation 
    $('#1') 
    .animate(
    { left: 200 }, { 
    duration: 'slow', 
    easing: 'easeOutBounce' 
    }) 
    .animate(
    { left: 0 }, { 
    duration: 'slow', 
    easing: 'easeOutBounce' 
    }); 

}); 
}); 

다음 내가 애니메이션을 클릭 링크가 있습니다.

답변

4

먼저

What are valid values for the id attribute in HTML?
ID의 숫자로 시작할 수 없습니다
이의 위치입니다 어떤 브라우저가 구문 분석하는 방식 귀하의 HTML

둘째 와 검증뿐만 아니라 혼란을 망치는 것이다 id가 1 인 이미지.

정적으로 기본값으로 설정하면 요소 위치 지정과 관련된 일반적인 문제가 발생합니다. 위치를 상대 또는 절대로 설정하십시오.