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

  • files
  • js
  • html
<link href="<PATH>/jquery.rondell.min.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.rondell.min.js"></script>
<script>
	$(window).load(function(){
		$("#gallery").rondell({
			preset: "carousel",
			radius: {
				x: 300
			},
			itemProperties: {
				size: {
					width: 200,
					height: 125
				}
			}
		});
	});
</script>
<div id="gallery">
	<img src="<PATH>/img10.jpg" alt="img01" title="img01">
	<img src="<PATH>/img03.jpg" alt="img02" title="img02">
	<img src="<PATH>/img04.jpg" alt="img03" title="img03">
	<img src="<PATH>/img07.jpg" alt="img04" title="img04">
	<img src="<PATH>/img08.jpg" alt="img05" title="img05">
	<img src="<PATH>/img12.jpg" alt="img06" title="img06">
	<img src="<PATH>/img16.jpg" alt="img07" title="img07">
	<img src="<PATH>/img18.jpg" alt="img08" title="img08">
</div>
	

Rondellについて

Rondellは、奥行きのある画像ギャラリーが設置できるプラグインです。
見た目のインパクトは大!
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • PresentationCycle

    PresentationCycle

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

  • SlideScale

    SlideScale

    簡単に設置できる画像ギャラリー

  • simpleGal

    simpleGal

    simpleGalはとてもシンプルは画像ギャラリー

  • Orbit

    Orbit

    画像の切り替えタイミングを見た目で表示できる画像ギャラリー

  • ArtDesignSlider

    ArtDesignSlider

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