jQuery動畫幻燈片左

Question

我想滑動一個圖像左側使用jquery動畫與緩動插件，它似乎並不想工作。

我與ID = 1的圖像和下面的JavaScript

$(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' 
    }); 

}); 
}); 

下一個是我點擊做動畫的鏈接。

Answer 1

首先

What are valid values for the id attribute in HTML?
ID的不能以數字開頭
它會搞砸了驗證，以及亂用瀏覽器解析的方式您的HTML

二 什麼位置你圖像的ID爲1.

元素定位的常見問題通常是默認爲靜態嘗試更改將位置改爲相對或絕對。