jQuery Animation Slide Left

Question

J'essaye de faire glisser une image à gauche en utilisant jquery animate avec le plugin easing et cela ne semble pas vouloir fonctionner.

J'ai une image avec l'id = 1 et le javascript suivant

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

}); 
}); 

est le lien suivant je clique pour faire l'animation.

Answer 1

Première

What are valid values for the id attribute in HTML?
de ID ne peut pas commencer un DIGIT
Il bousiller la validation ainsi que mess avec les navigateurs ainsi parse votre html

Deuxième Quelle est la position de votre image avec l'id de 1.

Un problème commun avec le positionnement d'élément est normalement quand il est par défaut d'essayer statique changi ng la position relative ou absolue.