指向html中的div的JavaScript外部幻燈片

Question

我正在將網站從aspx移動到html。幻燈片在aspx中運行正常，但不在html中。我必須將外部JavaScript指向正確的<div>。我是一個新手。我是否會更改腳本或在<div>之前添加什麼內容？

這裏的腳本：

<script src="js/jquery.cycle.xxx.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#testImages').cycle({ 
     fx: 'fade', 
     prev: '#prev', 
     next: '#next', 
     pager: '#fbPager', 
     pause: 1, 
     timeout: 8000 
    }); 
}); 
</script> 

而這裏的<div>包含圖像：

<div id="xxxxx 2"> 
    <div id="testImages2"> 
     <a href="page1.html" target="_blank"> 
      <img src="images/1.jpg" alt="xxxxxxxxxx" /></a> 
     <a href="page2.html"> 
      <img src="images/2.jpg" alt="xxxxxxxxxx" /></a> 
     <a href="page3.html"> 
      <img src="images/3.jpg" alt="xxxxxxxxxx" /></a> 
     <a href="page4.html"> 
      <img src="images/4.jpg" alt="xxxxxxxxxx" /></a> 
     <a href="http://www.5.com/" target="_blank"> 
      <img src="images/5.jpg" alt="xxxxxxxxxx" height="200px" width="300px" style="border: none" /></a> 
     <a href="http://www.6.htm" target="_blank"> 
      <img src="images/6.jpg" alt="xxxxxxxxxx" /></a> 
</div> 

        <div id="nxNav2"> 
        <div id="px2"> <a href="#" title="xxxxxxx"> 
         <img src="images/px.png" alt="xxxxxx" height="22" width="16" /></a></div> 
        <div id="xxPager2"></div> 
        <div id="nx2"> <a href="#" title="xxxxxxx"> 
         <img src="images/nx.png" alt="xxxxx" height="22" width="16" /></a></div> 
</div> 
</div> 

Answer 1

你需要包括jQuery的您包括jQuery插件之前...

<script type="text/javascript" src="/your/path/jquery.min.js"></script> 

<script src="js/jquery.cycle.xxx.min.js" type="text/javascript"></script> 

---

此外，你在你的腳本選擇#testImages：

$('#testImages').cycle({ .... 

但是你<div>在你的HTML被稱爲#testImages2：

<div id="testImages2"> 

你必須編輯一個或另一個使那些相同。