2012-07-27 116 views
0

我遇到了nivo滑塊JQuery腳本的問題。我有幻燈片在這裏沒有佈局的頁面上工作:http://www.studentbridges.org/nivo-slider/slideshow.phpNivo Slider not Diplaying

但是,一旦我將它添加到我的佈局,它不會顯示。 http://www.studentbridges.org/new/

在該頁面上,幻燈片應顯示在標題中的圖片上方。它只是不起作用。以下是我如何設置幻燈片的代碼:

<head> 
    <link rel="stylesheet" href="/nivo-slider/themes/default/default.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="/nivo-slider/nivo-slider.css" type="text/css" media="screen" /> 
</head> 

<div style="position: relative; left: 29px; top: 77px;"> 
<div style="position:absolute; width: 356px; height: 263px;" > 

     <div id="slider" class="nivoSlider"> 
      <img src="/nivo-slider/001.png" alt="" /> 
      <img src="/nivo-slider/002.png" alt="" /> 
      <img src="/nivo-slider/003.png" alt="" /> 
     </div> 
     <div id="htmlcaption" class="nivo-html-caption"> 
      <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
     </div> 


<script type="text/javascript" src="/nivo-slider/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="/nivo-slider/jquery.nivo.slider.js"></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: false, // 1,2,3... navigation 
    controlNavThumbs: false, // Use thumbnails for Control Nav 
    pauseOnHover: true, // Stop animation while hovering 
    manualAdvance: false, // Force manual transitions 
    prevText: 'Prev', // Prev directionNav text 
    nextText: 'Next', // Next directionNav text 
    randomStart: false, // Start on a random slide 
}); 
}); 
</script> 

</div> 
</div> 

我相信我的所有樣式表都鏈接在我的標題中。所有圖像的尺寸與容器DIV一樣大,所以我不確定問題是什麼。

任何人都有什麼問題可以輸入?

〜Noelle

回答

0

這個問題似乎是在你的PHP頭文件。

頭文件中的所有內容都被壓縮爲一行。這會導致您的JavaScript中出現錯誤,因爲滑塊配置中有註釋。這些評論阻止了其他選項。

修復頭文件的格式,一切都會好的。

+0

你知道會導致這個問題嗎?由於文件本身(我正在上傳到服務器)有換行符,所以我不確定是什麼原因會導致所有內容都被壓縮爲一行... 我將嘗試刪除註釋現在。也許這將有助於? – nellygrl 2012-07-27 20:37:14

+0

刪除評論確實使幻燈片顯示工作!但是,如果您對可能導致我的代碼被壓縮的任何意見(因爲它可能會導致未來的問題),將不勝感激! – nellygrl 2012-07-27 20:40:28

+0

你需要提供一些代碼。具體來說,您將包含頭文件的行放入您的頁面或模板中。 – Jrod 2012-07-29 14:55:06