bxslider JavaScript的安裝

您好我不能讓bxslider在我的HTML文件中工作，我已經下載的所有文件，並把它們放到相關的目錄等，但我的圖片只是塊格式顯示了一個又一個，當我運行在頁面Firefox瀏覽器。bxslider JavaScript的安裝

我使用的代碼如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <title>AC</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <meta name="author" content="AC" /> 
    <meta name="description" content="AC" /> 
    <meta name="keywords" content="AC" /> 
    <link href="./index.css" rel="stylesheet" type="text/css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script> 
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" /> 
</head> 
<body> 
<ul class="bxslider"> 
    <li><img src="images/pic1.jpg" title="An Energy Conservation Company"></li> 
<li><img src="images/pic2.jpg" title="Designers and Manufactors of Quality Lighting Controls"></li> 
<li><img src="images/pic3.jpg" title="Caption to go here"></li> 

</ul> 

<script type="text/javascript">$(document).ready(function(){ 
$('.bxslider').bxSlider(); 
}); 
mode: fade, 
captions: true, 
auto: true, 
autoControls: false 
}); 
}); 
</script> 

<div id="header"> 
<div id="headerleft"><a href="./index.html"><img src="./images/mainlogo.jpg" alt="AC"/></div> 
<div id="headerright"> 
<div id="userbar">userbar</div> 
<div id="socialbar">socialbar</div> 
<div id="basket">basket</div> 
</div> 
</div> 

<div id="navmenu"> 
<ul> 
<li><a href="./index.html">Home</a></li> 
<li><a href="./girls.html">Girls</a></li> 
<li><a href="./boys.html">Boys</a></li> 
<li><a href="./unisex.html">Unisex</a></li> 
<li><a href="./accessories.html">Accessories</a></li> 
</ul> 
</div> 

<div id="content"> 
<div id="gallery"> 
</div> 
<div id="offers">offers</div> 
</div> 

<div id="footer"> 
<div id="cards">MAESTRO VISA</div> 
</div> 
</body> 
</html>

來源

2013-05-18 Alex Carter

有沒有在你的腳本發生錯誤。嘗試：

$(document).ready(function(){ 
    $('.bxslider').bxSlider({ 
    mode: fade, 
    captions: true, 
    auto: true, 
    autoControls: false 
    }); 
})

來源

2014-04-16 17:26:29

bxslider JavaScript的安裝

回答

相關問題