シンプルな画像のスライドなら名前の通り「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
ピンバック: MEC-Web Design Info » シンプルな画像のスライド
ピンバック: シンプルな画像のスライドJavaScript「jquery easySlider」 – 俺ぁ、このサイトが好きだ！