Skip to content

Instantly share code, notes, and snippets.

@heppokokun

heppokokun/gist:6255875

Created August 17, 2013 08:20
Show Gist options
  • Save heppokokun/6255875 to your computer and use it in GitHub Desktop.
Save heppokokun/6255875 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<html lang="ja">
<head>
<meta charset="utf-8">
<title>jQueryのテスト</title>
<link rel="stylesheet" href="./css/jquery.bxslider.css" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="./scripts/jquery.bxslider.min.js"></script>
<script>
jQuery(function ($) {
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
</head>
<body>
<ul class="bxslider">
<li><img src="images/img1.jpg" width="200"height="300" /></li>
<li><img src="images/img2.jpg" width="200"height="300" /></li>
<li><img src="images/img3.jpg" width="200"height="300" /></li>
<li><img src="images/img4.jpg" width="200"height="300" /></li>
</ul>
<div id="color_div">ここのDIVの枠線をjqueryで変更します</div>
</body>
</html>
@jacoyutorius
Copy link

scriptタグのとこ、

$(document).ready(
function(){
$('.bxslider').bxSlider();
});

に直したら動くと思う

@heppokokun
Copy link
Author

scriptタグのところとｊquery.bxslider.min.jsが二つあったのが原因みたいでした。あとjquery.bxslider.jsもなかったみたいで・・・
なんとなく動くようにはなりました！ありがとうございます。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment