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

投稿者: | 2011/04/11

シンプルな画像のスライドなら名前の通り「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

関連記事

シンプルな画像のスライドJavaScript「jquery easySlider」」への2件のフィードバック

  1. ピンバック: MEC-Web Design Info » シンプルな画像のスライド

  2. ピンバック: シンプルな画像のスライドJavaScript「jquery easySlider」 – 俺ぁ、このサイトが好きだ!

コメントを残す

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

*