シンプルな画像のスライドJavaScript「jquery easySlider」


シンプルな画像のスライドなら名前の通り「jquery easySlider」が簡単
配布元: Easy Slider 1.7

 

DEMO・・画像の横スライド
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>jquery easySlider デモ</title>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(function(){
$("#slider").easySlider({
controlsShow:false,
speed:1000,
auto:true,
continuous:true
  });
});
</script>
<style type="text/css">
#slider ul{
 list-style:none;
 margin:0;
 padding:0;
}
#slider li{
 width:560px;
 height:260px;
}
</style>
</head>
<body>
<div id="slider">
	<ul>
		<li><img src="images/1.jpg" /></li>
		<li><img src="images/2.jpg" /></li>
		<li><img src="images/3.jpg" /></li>
	</ul>
</div>
</body>
</html>
デモはこちらを参照: Easy Slider DEMO

関連記事

2 コメント» シンプルな画像のスライドJavaScript「jquery easySlider」

  1. […] 簡単で分かりやすかった cssもシンプルで簡単 必要なのは、jquery.min.jsとeasySlider1.7.js カテゴリー: 便利ツール, 未分類 タグ: コメント (0) トラックバック (0) コメントをどうぞ トラ […]

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*