こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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>

よろしくお願いします

投稿日時 - 2015-08-22 12:08:27

QNo.9034528

すぐに回答ほしいです

質問者が選んだベストアンサー

<ul class="slider">

<ul class="slides">
にしてみてください

投稿日時 - 2015-08-22 15:29:26

お礼

早々のご対応ありがとうございます。
しかしながら、書き換えをしたのですが、
画像は上下に出たままでスライドしませんでした。
他にも何か原因があるようなのですが、
お教えいただけますでしょうか?

投稿日時 - 2015-08-22 18:15:35

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問