Jqueryスライドが動きません。教えてください
WEB制作の素人です。
皆さんが簡単といわれている「FlexSlider2」ですが、画像は出たもののスライドにならず、
登録した画像がそのまま出てしまいます。
一度見ていただけますでしょうか？（ちなみにスムーススクロールは動きます）
<!-- TemplateEndEditable -->
<link href="../common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="../js/smoothScroll.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="../js/jquery.flexslider-min.js"></script>
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
pauseOnAction: false,
slideshowSpeed: 3000
});
});
</script>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<!-- TemplateParam name="id" type="text" value="index_page" -->
</head>
<body id="@@(id)@@">
<div id="wrapper">
<!---ヘッダー--->
<div id="header">
<h1><a href="../index.html"><img src="../image/title.gif" width="477" height="79" alt="title"/></a></h1>
</div>
<p><img src="../image/ribon.jpg" width="800" height="40" alt="Topライン"/></p>
<!---トップ画像--->
<div id="main_visual">
<div class="flexslider">
<ul class="slider">
<li><h2><img src="../image/slide_image/01.jpg" width="400" height="300" alt="Top画像"/></h2></li>
<li><img src="../image/slide_image/02.jpg" width="400" height="300" alt="Top画像"/></li>
</ul>
</div>
</div>
よろしくお願いします
お礼
お礼が遅くなり申し訳ありません。 解釈としましてはそのような状態であっています。 テーブルを使う方法も考えたのですが、他の指示とぶつかってしまい使えません…。 分かりにくい説明にも関わらずありがとうございました！