このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/craftyslide.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/craftyslide.min.js"></script>
<script>
	$(window).load(function(){
		$("#slideshow").craftyslide({
			width: '400',
			height: '250'
		});
	});
</script>

//オプション一覧
width: 640,
height: 400,
pagination: false,
fadetime: 500,
delay: 2500
<div id="slideshow">
	<ul>
		<li><img src="<PATH>/img11.jpg" alt="" title="img01" /></li>
		<li><img src="<PATH>/img12.jpg" alt="" title="img02" /></li>
		<li><img src="<PATH>/img13.jpg" alt="" title="img03" /></li>
		<li><img src="<PATH>/img14.jpg" alt="" title="img04" /></li>
		<li><img src="<PATH>/img15.jpg" alt="" title="img05" /></li>
		<li><img src="<PATH>/img16.jpg" alt="" title="img06" /></li>
		<li><img src="<PATH>/img17.jpg" alt="" title="img07" /></li>
	</ul>
</div> 

Craftyslideについて

Craftyslideは、とても簡単に設置できる画像ギャラリーです。
機能もシンプルなので、軽量です。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • PresentationCycle

    PresentationCycle

    画像の切り替わるタイミングをバーで表示できる画像ギャラリー

  • AppleStyleSlideshowGallery

    AppleStyleSlideshowGallery

    キレイ目な画像ギャラリーを簡単に設置できる

  • FlowGallery

    FlowGallery

    簡単にインパクトのある画像ギャラリーを設置できる

  • ArtDesignSlider

    ArtDesignSlider

    ArtDesign Sliderはシンプルながらもクールなデザインの画像ギャラリー

  • cycle2

    cycle2

    非常に多機能な画像ギャラリー