◆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 | 設置サンプル以上
