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

解決済みの質問

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="slides">
<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-24 08:37:37

QNo.9035475

すぐに回答ほしいです

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

<script src="../js/jquery.flexslider-min.js"></script>

$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
pauseOnAction: false,
slideshowSpeed: 3000
});
});

</script>

---------------------------------

<script src="../js/jquery.flexslider-min.js"></script> と $(window).load(function() {
の間に
<script>
が必要ではありませんか??

投稿日時 - 2015-08-27 11:03:34

お礼

ありがとうございました

投稿日時 - 2015-09-19 11:56:57

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

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

回答(1)

あなたにオススメの質問