problème avec carrousel galerie d'images

Question

Je fais une simple galerie d'images carrousel. Actuellement, j'ai deux images et je voudrais que la galerie revienne à la première image après la dernière et je ne peux pas comprendre comment faire fonctionner cette fonctionnalité plus mon bouton précédent et suivant ont cessé de fonctionner pour une raison quelconque. Mes compétences jq/js manquent et apprécieraient toute aide pour que cela fonctionne. Voici mon jsFiddle de mon code [1]: http://jsfiddle.net/jsavage/kGAxa/39/

$(document).ready(function() { 
    if (jQuery("#gallery").length) { 
     // declare variables 
     var totalImages = jQuery("#gallery > li").length, 
      imageWidth = jQuery("#gallery > li:first").outerWidth(true), 
      totalWidth = imageWidth * totalImages, 
      visibleImages = Math.round(jQuery("#gallery-wrapper").width()/imageWidth), 
      visibleWidth = visibleImages * imageWidth, 
      stopPosition = (visibleWidth - totalWidth); 

     jQuery("#gallery").width(totalWidth); 

     jQuery("#gallery-prev").click(function() { 
      if (jQuery("#gallery").position().left < 0 && !jQuery("#gallery").is(":animated")) { 
       jQuery("#gallery").animate({ 
        left: "+=" + imageWidth + "px" 
       }); 
      } 
      return false; 
     }); 

     jQuery("#gallery-next").click(function() { 
      if (jQuery("#gallery").position().left > stopPosition && !jQuery("#gallery").is(":animated")) { 
       jQuery("#gallery").animate({ 
        left: "-=" + imageWidth + "px" 
       }); 
      } 
      return false; 
     }); 
    } 

}); 

Answer 1

testé votre violon, javascript fonctionne bien, ne css manque les attributs suivants:

#gallery-wrapper { 
    position:relative; 
} 

#gallery { 
    position:absolute; 
} 

et le code doit également être exécuté au sein

$(window).load(); 

au lieu de gestionnaire d'événements $(document).ready(); pour fonctionner correctement.

http://jsfiddle.net/kGAxa/42/