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

  • files
  • js
  • html
<link href="<PATH>/swipebox.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.swipebox.min.js"></script>
<script>
	$(window).load(function(){
		$('.swipebox').swipebox();
	});
</script>
<div class="box">
	<a href="<PATH>/img01.jpg" class="swipebox" title="img01">
		<img src="<PATH>/img01.jpg" alt="img01">
	</a>
</div>
<div class="box">
	<a href="<PATH>/img02.jpg" class="swipebox" title="img02">
		<img src="<PATH>/img02.jpg" alt="img02">
	</a>
</div>
<div class="box">
	<a href="<PATH>/img03.jpg" class="swipebox" title="img03">
		<img src="<PATH>/img03.jpg" alt="img03">
	</a>
</div>
<div class="box">
	<a href="<PATH>/img04.jpg" class="swipebox" title="img04">
		<img src="<PATH>/img04.jpg" alt="img04">
	</a>
</div>
<div class="box">
	<a href="<PATH>/img05.jpg" class="swipebox" title="img05">
		<img src="<PATH>/img05.jpg" alt="img05">
	</a>
</div>

Swipeboxについて

Swipeboxは、一味違う全画面スライダーを設置できます。
名前の通りスマホのスワイプ動作でも動く、スマホ対応なスライダーです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Fathom

    Fathom

    プレゼン向きのスライダープラグイン

  • SlidesJS

    SlidesJS

    シンプルなスライダー

  • jcarousel

    jcarousel

    カスタマイズ性のあるカルーセルを設置できる

  • bxSlider

    bxSlider

    とても簡単にスライダーを設置することができ、機能も豊富

  • AwkwardShowcase

    AwkwardShowcase

    シンプルなスライダーからちょっと豪華なスライダーまで幅広く設定可能