为什么我的简单JQuery代码不起作用？

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>

这些是我的div ...

<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> 

这是CSS

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

}

我按照这里的所有说明操作:http: //tobia.github.com/CrossSlide/

Answer 1

}在最后一次之后你还有一个额外的].