Question

我在php include文件中有我的标题徽标。我已经在标题图像的顶部创建了一个div，并且我打算在div中使用Javascript幻灯片显示几个较小的图像。当我查看最终结果时，它只是一次显示三个图像。什么都没有动。我正在学习，所以任何帮助都会受到赞赏！

这是我的css

@charset "utf-8";
img {
    border: 0px solid black;   
}

#banner {
    position: relative;    
}

#slideshow {
   position: absolute;
   top: 18px;
   left: 650px; 

   height: 90px;
   width: 150px;
   padding: 1px;
   background-color: white;
   border: 1px solid black;
}

继承我的php包含的内容

<script type="text/javascript" src="../js/jquery.cycle.all.js"></script>
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#slideshow').cycle({ fx: 'fade'});
});
</script>
<link href="../style/banner.css" rel="stylesheet" type="text/css" />
<div id="banner">
  <a href="/"><img src="../images/header1.png" alt="Header" width="950" height="125" border="0" /></a>
    <div id="slideshow">
    <img src="../images/1.png" width="150" height="90" alt="test1" />
    <img src="../images/2.png" width="150" height="90" alt="test2" />
    <img src="../images/3.png" width="150" height="90" alt="test3" />
    </div>
</div>

Answer 1

“当我查看最终结果时，它只会同时显示三张图片。没有任何动静。”

您必须在任何其他jQuery代码或插件之前包含jQuery first ， ...

<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="../js/jquery.cycle.all.js"></script>

在php include中运行Javascript

1 个答案: