Comment se fait-il que mon simple code JQuery ne fonctionne pas?

Question

<script src="http://code.jquery.com/jquery-1.4.3.js" type="text/javascript"></script> 
<script src="https://github.com/tobia/CrossSlide/raw/master/jquery.cross-slide.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(function(){ 
        $(".imagedivholder").each(function(e){ 
         $(this).crossSlide({ speed:45, fade:1 
           },[ 
           {src: $(this).attr("rel"), dir:'up' }, 
           {src: $(this).attr("rel"), dir:'down' }, 
           ] 
          }); 

         }); 


      }); 

</script> 

Et ce sont mes divs ...

<div class="awallpost"> 
      <div class="imagedivholder" rel="http://farm4.static.flickr.com/3458/3889274600_f381d28003.jpg" > 
       <!--<a href="document/show?id=4cde4c258aad69014a0000e1"><img src="http://s3.amazonaws.com/fabletest/4e0bndzxsaf3qul2" width="230" height="230"></a>--> 
       <div class="trans_caption"> 
        <div style="padding:6px"> 
        The Docks and The City: ... 
        </div> 
       </div> 
      </div> 
     </div> 

     <div class="awallpost"> 
      <div class="imagedivholder" rel="http://farm4.static.flickr.com/3454/3814350374_d37f82124b.jpg" > 
       <!--<a href="document/show?id=4cde4e1c8aad69014a00011e"><img src="http://s3.amazonaws.com/fabletest/vbparxeymqgndc8l" width="230" height="230"></a>--> 
       <div class="trans_caption"> 
        <div style="padding:6px"> 
        Earth&#39;s paradise? 
        </div> 
       </div> 
      </div> 
     </div> 

Voici le CSS

.imagedivholder { 
    float:left; 
    position:relative; 
    margin:10px; 
    width:230px; 
    height:230px; 

} 

J'ai suivi toutes les instructions ici: http://tobia.github.com/CrossSlide/

Answer 1

Vous avez un } supplémentaire après le dernier ].

Answer 2

Pour commencer, vous avez a eu une erreur de syntaxe simple.

$(function(){ 
    $(".imagedivholder").each(function(e){ 
     $(this).crossSlide({ 
      speed:45, fade:1 
     },[ 
      { src: $(this).attr("rel"), dir:'up' }, 
      { src: $(this).attr("rel"), dir:'down' }, 
     ]); 
    }); 
}); 

Essayez d'apprendre à utiliser Firebug. Cela vous aidera à repérer des erreurs simples comme celles-ci. Si vous avez encore des problèmes, faites le nous savoir.