-4

PHPインクルードファイルにヘッダーロゴがあります。ヘッダー画像の上に div を作成しました。その意図は、div 内にいくつかの小さな画像の Javascript スライドショーを作成することです。最終結果を表示すると、一度に 3 つの画像が表示されます。何も動いていません。私は私が行っているように学んでいるので、どんな助けもいただければ幸いです！

ここに私の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>
4

1 に答える 1

3

" When I view the end result it just shows three images all at once. Nothing is moving."

You must include jQuery first, before any other jQuery code or plugins...

<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery.cycle.all.js"></script>
于 2013-10-23T22:13:03.597 に答える