Внешний слайд-шоу JavaScript, указывающий на div в html - PullRequest
Новая
       31

Внешний слайд-шоу JavaScript, указывающий на div в html

0 голосов
/ 17 августа 2011

Я перевожу веб-сайт из 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>

1 Ответ

0 голосов
/ 17 августа 2011

Вам нужно будет включить 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">

Вам придется отредактировать одно или другое, чтобы сделать их одинаковыми.

...