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

  • files
  • js
  • html
<link href="<PATH>/diapo.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/diapo.min.js"></script>
<script>
	$(window).load(function(){
		$('#Camera #CameraDemo').camera({
			height: '375px',
			thumbnails: true
		});
	});
</script>
<div id="CameraDemo">
	<div data-thumb=[tempd]/images/jquery-plugin/img11.jpg data-src=[tempd]/images/jquery-plugin/img11.jpg></div>
    <div data-thumb=[tempd]/images/jquery-plugin/img12.jpg data-src=[tempd]/images/jquery-plugin/img12.jpg></div>
    <div data-thumb=[tempd]/images/jquery-plugin/img13.jpg data-src=[tempd]/images/jquery-plugin/img13.jpg></div>
	<div data-thumb=[tempd]/images/jquery-plugin/img14.jpg data-src=[tempd]/images/jquery-plugin/img14.jpg></div>
	<div data-thumb=[tempd]/images/jquery-plugin/img15.jpg data-src=[tempd]/images/jquery-plugin/img15.jpg></div>
	<div data-thumb=[tempd]/images/jquery-plugin/img16.jpg data-src=[tempd]/images/jquery-plugin/img16.jpg></div>
	<div data-thumb=[tempd]/images/jquery-plugin/img17.jpg data-src=[tempd]/images/jquery-plugin/img17.jpg></div>
	<div data-thumb=[tempd]/images/jquery-plugin/img18.jpg data-src=[tempd]/images/jquery-plugin/img18.jpg></div>
</div>

Cameraについて

Cameraは、足りないものはないんじゃないかというぐらい高機能なスライダープラグインです。
求めている人には響く、リッチなスライダーです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • Pikachoose

    Pikachoose

    サムネイル付きスライダーを簡単に設置できる

  • Swipebox

    Swipebox

    スマホのスワイプに対応した全画面スライダー

  • MOVINGBOXES

    MOVINGBOXES

    ECサイトの商品ディスプレイ向き

  • SlidesJS

    SlidesJS

    シンプルなスライダー

  • FullscreenSlitSlider

    FullscreenSlitSlider

    様々なエフェクトでスライドを実装できる