Nivo Slider工作不正常

Question

好的，這是我第一次嘗試用Nivo Slider。我的滑塊停留在照片編號4上，完全沒有滑動。我幾乎完全喪失瞭如何在底部調用子彈導航。這是我的代碼;

樣式表中HEAD：

<link href="nivo-slider.css" rel="stylesheet" type="text/css" /> 

頁面上NIVO滑塊格：

<div id="nivo_slider"> 
    <div id="slider" class="nivoSlider"> 
      <img src="images/slideshow/1.jpg" width="791" height="254" /> 
      <img src="images/slideshow/5.jpg" width="791" height="254" /> 
      <img src="images/slideshow/3.jpg" width="791" height="254" /> 
      <img src="images/slideshow/2.jpg" width="791" height="254" /> 
      <img src="images/slideshow/4.jpg" width="791" height="254" /> 
    </div> 
</div> 

的JavaScript在頁面底部：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> 
<script src="scripts/jquery.nivo.slider.pack.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(window).load(function() { 
    $('#slider').nivoSlider(); 
     effect:'fade', // Specify sets like: 'fold,fade,sliceDown' 
     animSpeed:500, // Slide transition speed 
     pauseTime:3000, // How long each slide will show 
     startSlide:0, // Set starting Slide (0 index) 
     directionNav:true, // Next & Prev navigation 
     directionNavHide:true, // Only show on hover 
     controlNav:true, // 1,2,3... navigation 
     controlNavThumbs:false, // Use thumbnails for Control Nav 
     controlNavThumbsFromRel:false, // Use image rel for thumbs 
     controlNavThumbsSearch: '.jpg', // Replace this with... 
     controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src 
     keyboardNav:true, // Use left & right arrows 
     pauseOnHover:false, // Stop animation while hovering 
     manualAdvance:false, // Force manual transitions 
     captionOpacity:0.8, // Universal caption opacity 
     prevText: 'Prev', // Prev directionNav text 
     nextText: 'Next', // Next directionNav text 
}); 
</script> 

這裏是我的CSS：

#nivo_slider { 
     width:791px; 
     height:254px; 
     float:left; 
     margin-left:46px; 
     padding:8px; 
     background:#e6e5e5; 
     border:solid 1px #d1d1d1; 
} 
#slider { 
     float:left; 
     width:791px; 
     position:relative; 
     background:url(images/loading.gif) no-repeat 50% 50%; 
} 
#slider img { 
     position:absolute; 
     top:0px; 
     left:0px; 
     display:block; 
} 
.nivo-controlNav { 
     position:absolute; 
     left:260px; 
     bottom:-42px; 
} 
.nivo-controlNav a { 
     display:block; 
     width:22px; 
     height:22px; 
     background:url(images/bullets.png) no-repeat; 
     text-indent:-9999px; 
     border:0; 
     margin-right:3px; 
     float:left; 
} 
.nivo-controlNav a.active { 
     background-position:0 -22px; 
} 

我已經一遍又一遍地演示和DEV7支持頁面，但我完全失去了。任何幫助將是美好的！

Answer 1

你有一個語法錯誤，應該是

<script type="text/javascript"> 
$(window).load(function() { 
    $('#slider').nivoSlider({ 
     effect:'fade', // Specify sets like: 'fold,fade,sliceDown' 
     animSpeed:500, // Slide transition speed 
     pauseTime:3000, // How long each slide will show 
     startSlide:0, // Set starting Slide (0 index) 
     directionNav:true, // Next & Prev navigation 
     directionNavHide:true, // Only show on hover 
     controlNav:true, // 1,2,3... navigation 
     controlNavThumbs:false, // Use thumbnails for Control Nav 
     controlNavThumbsFromRel:false, // Use image rel for thumbs 
     controlNavThumbsSearch: '.jpg', // Replace this with... 
     controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src 
     keyboardNav:true, // Use left & right arrows 
     pauseOnHover:false, // Stop animation while hovering 
     manualAdvance:false, // Force manual transitions 
     captionOpacity:0.8, // Universal caption opacity 
     prevText: 'Prev', // Prev directionNav text 
     nextText: 'Next' // Next directionNav text 
    }); 
}); 
</script> 

Answer 2

我想你忘了頁面上的NIVO滑塊的div後把這個代碼：

<script type="text/javascript"> 
    $(window).load(function() { 
     $('#slider').nivoSlider(); 
    }); 
</script> 

這會將它