• img01
  • img02
  • img03
  • img03
  • img03
  • img03

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

  • files
  • js
  • html
<link href="<PATH>/jquery.simplyscroll.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.simplyscroll.min.js"></script>
<script>
	$(window).load(function(){
		$('#simplyScrollDemo').simplyScroll(); 
	});
</script>
<ul id="simplyScrollDemo">
	<li><img src="<PATH>/img11.jpg" alt="img01" /></li>
	<li><img src="<PATH>/img15.jpg" alt="img02" /></li>
	<li><img src="<PATH>/img18.jpg" alt="img03" /></li>
	<li><img src="<PATH>/img09.jpg" alt="img03" /></li>
	<li><img src="<PATH>/img01.jpg" alt="img03" /></li>
	<li><img src="<PATH>/img07.jpg" alt="img03" /></li>
</ul> 

simplyScrollについて

simplyScrollは、その名の通りシンプルな画像ギャラリーを設置できるプラグインです。
オプションで設定変更可能です。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT or GPL
対応ブラウザ

関連するjQueryプラグイン

  • LazyLoad

    LazyLoad

    ページ内の画像読み込みを遅延させる

  • Zoom

    Zoom

    ドラッグやマウスオーバーでその場で画像を拡大できる

  • loupe

    loupe

    画像をルーペで見たように拡大できる

  • FeaturedImageZoomer

    FeaturedImageZoomer

    画像上をマウス移動することで拡大画像を見ることができる

  • Captions

    Captions

    画像のキャプションを表示してくれる