Nivo Slider根本不起作用

我試着把一個nivo滑塊on my website's home page。出於某種原因，它根本不顯示。我不能設法找出它爲什麼不...Nivo Slider根本不起作用

UPDATE：現在只顯示靜態圖像：S（我把jQuery庫的實際腳本

我把這個前在我的頭（頭位於目錄/網站的layout.php中的文件）

<!--NIVO SLIDER--> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="site/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script> 
<link rel="stylesheet" href="site/nivo-slider/nivo-slider.css" type="text/css" media="screen" /> 

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

這是我放的index.php（位於主目錄下的文件）：

<? require('site/layout.php'); 

function banner($DB) { 
?> 
    <div class='slider-wrapper'> 
     <div id='slider' class='nivoSlider theme-default'> 
      <img src='site/nivo-slider/slide1.jpg' alt='' /> 
      <a href='http://dev7studios.com'><img src='site/nivo-slider/slide2.jpg' alt='' title='#htmlcaption' /></a> 
      <img src='site/nivo-slider/slide3.jpg' alt='' title='This is an example of a caption' /> 
      <img src='site/nivo-slider/slide4.jpg' alt='' /> 
     </div> 
    </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"> 
    $(window).load(function() { 
     $('#slider').nivoSlider(); 
    }); 
    </script> 
<? 
}

的代碼塊後，另外兩個函數的調用：功能body_text_left（$ DB）&功能body_text_right（$ DB）（左側和右側的頁面，下面的NIVO滑塊）

所有nivo-slider文件位於這個direcory中：/ site/nivo-slider

這很奇怪，因爲當我看源代碼時，一切都在那裏。所有鏈接將在我點擊它們時加載。

任何想法？提前致謝！

來源

2013-07-26 Wouter C

它與另一個腳本衝突 –

好吧，我有一些改進！我在實際的腳本之前放置了jquery庫。它現在顯示一個圖像...但只是一個靜止的圖像:( –

看看jquery沒有衝突 –

首先，維修這樣的：

<? require('site/layout.php'); 

function banner($DB) { 
?>

到：

<?php require('site/layout.php'); 

echo 'function banner($DB) {'; 
?>

你在你的腳本有prototype.js。將nivo滑塊後原型的腳本加載或關閉檢查問題。

論index.php最後一行嘗試，而不是：

<? 
}

爲：

<?php 
echo '}'; 
?>

嘗試把jquery.js在代碼底部。

來源

2013-07-26 10:00:33

我不需要回顯這個函數，這會破壞代碼！雖然，非常感謝提及prototype.js！這是罪魁禍首！Case closed;） –

Wohooo，我不知道我是對的！謝謝！對你也有一點意義！ –

Nivo Slider根本不起作用

回答

相關問題