Webページ作成覚書: javascript：パノラマ写真を自動スクロール（simplyScroll）

◆html

<!DOCTYPE html>
<html lang="ja">
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PanoramaScroll</title> 
<link rel="stylesheet" href="css/jquery.simplyscroll.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.simplyscroll.js"></script>
 
<script>
 
(function($) {
 $(function() {
  $("#scroller").simplyScroll({
   speed: 3, autoMode: 'loop'
  });
 });
})(jQuery);
 
</script>
 
</head> 
 
<body> 
 
<h3>伊予ヶ岳頂上からの展望</h3>
<ul id="scroller">
 <li><img src="iyogatake-1.jpg" height="200" width="323"></li>
 <li><img src="iyogatake-2.jpg" height="200" width="323"></li>
 <li><img src="iyogatake-3.jpg" height="200" width="323"></li>
 <li><img src="iyogatake-4.jpg" height="200" width="323"></li>
</ul>
 
</body> 
</html>

jquery.simplyscroll.js：simplyScrollからダウンロード
jquery.simplyscroll.css：simplyScrollからダウンロード
jquery.js：jQueryからダウンロード

参考にしたページ

simplyScroll | 設置サンプル

以上

ページ

2013-09-30

javascript：パノラマ写真を自動スクロール（simplyScroll）

◆html

参考にしたページ