このプラグインの実際の動きを確認したい場合は、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

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

  • FullscreenSlitSlider

    FullscreenSlitSlider

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

  • FOTORAMA

    FOTORAMA

    フルスクリーンの切り替えができたりするスライダー

  • jcarousel

    jcarousel

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

  • AwkwardShowcase

    AwkwardShowcase

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