Jquery slideshow问题

Question

我熬夜试图解决JQuery幻灯片，但我不知道为什么它不按预期工作。我忘了抓住这个例子，但现在我的笔记本电脑不在我身边，所以如果你需要看看这个例子，我会在几个小时后发布。

我借插件的功能：http://medienfreunde.com/lab/innerfade/

<script> 

        jQuery.noConflict(); 
        $(document).ready(function(){ 
        $('li#slider_reel').innerfade({ 
        animationtype:'fade', 
        speed: 'slow', 
        timeout: 4000, 
        type: 'sequence', 
        containerheight: '648px'; }); 

        }); 

        </script> 


    <div id="slider_view"> 
    <div id="slider_reel"> 

    <ul> 
    <li><img src="slide/A.jpg"></li> 
    <li><img src="slide/B.jpg"></li> 
    <li><img src="slide/C.jpg"></li> 
    <li><img src="slide/D.jpg"></li> 
    </ul> 
    </div> 
    </div> 
    <!--end reel--> 

ul#slider_reel li img{ 
    border: 1px solid #ccc; 
    padding: 4px; 
} 


.fade{ 
    margin-bottom: 2em; 
} 

.fade p{ 
    margin-bottom: 2em; 
    text-align: center; 
    width: 100%; 
    background: #fff; 
} 

其结果是：所有的图像出现在长垂直顺序（就像堆栈或堆彼此）。无法弄清楚为什么它的行为如此。预先感谢您的帮助

编辑 我的歉意。它确实有ul和li - 我忘了把它们添加进去。得到了同样的结果。

编辑II 我终于得到它的工作。我想我错过了一些'}'或什么的，我也用实际的文件而不是href替换了脚本。

非常感谢您的帮助！

Answer 1

我有它的工作， http://jsfiddle.net/BceNn/6/

一个问题：

containerheight: '648px'; /*REMOVE THIS SEMICOLON*/ });/*REMOVE THIS SEMICOLON*/ 

编辑：这是工作代码。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#slider_reel').innerfade({ 
     animationtype:'fade', 
     speed: 'slow', 
     timeout: 4000, 
     type: 'sequence', 
     containerheight: '648px' 
    }) 
}); 
</script> 


    <ul id="slider_reel"> 
    <li><img src="slide/A.jpg"></li> 
    <li><img src="slide/B.jpg"></li> 
    <li><img src="slide/C.jpg"></li> 
    <li><img src="slide/D.jpg"></li> 
    </ul> 

Answer 2

解决您的选择没有上行线路也不LIS然后再试

Answer 3

这个问题可能是在这里，在你的CSS：

ul#slider_reel li img{ 
    border: 1px solid #ccc; 
    padding: 4px; 
} 

复制粘贴+代码是不是一个好主意。此规则完全不适用，因为您没有任何ul元素，其id的值为slider_reel。你有div标签。

我会尝试事先藏匿的影像，然后运行它：

$('#slider_reel img').hide(); 
// Innerfade code