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

  • files
  • js
  • html
<link href="<PATH>/orbit-1.2.3.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.orbit-1.2.3.min.js"></script>
<script>
	$(window).load(function(){
		$('#featured').orbit();
	});
</script>
<div id="featured"> 
	<img src="<PATH>/img05.jpg" data-caption="img01" />
	<img src="<PATH>/img09.jpg" data-caption="img02" />
	<img src="<PATH>/img11.jpg" data-caption="img03" />
	<img src="<PATH>/img15.jpg" data-caption="img04" />
	<img src="<PATH>/img16.jpg" data-caption="img05" />
	<img src="<PATH>/img17.jpg" data-caption="img06" />
	<img src="<PATH>/img04.jpg" data-caption="img07" />
</div>

Orbitについて

Orbitは、画像の切り替えタイミングを見た目で表示できる画像ギャラリーです。
機能はシンプルでファイルは軽量、設置も簡単です。
IEだと切り替えタイミングのサークルのアニメーションが動作せず。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • ExcoloSlider

    ExcoloSlider

    シンプルなレスポンシブ対応の画像ギャラリー

  • SlideScale

    SlideScale

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

  • cycle2

    cycle2

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

  • EasyGallery

    EasyGallery

    名前の通りイージーに設置できる画像ギャラリー

  • ArtDesignSlider

    ArtDesignSlider

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