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

  • files
  • js
  • html
<link href="<PATH>/font-awesome.min.css" rel="stylesheet" />
<script src="<PATH>/jquery.slides.min.js"></script>
<script>
	$('#slides').slidesjs({
		width: 400,
		height: 250,
		navigation: false
	});
</script>
<div id="slides">
	<img src="<PATH>/img03.jpg">
	<img src="<PATH>/img01.jpg">
	<img src="<PATH>/img06.jpg">
	<img src="<PATH>/img08.jpg">
	<img src="<PATH>/img02.jpg">
	<img src="<PATH>/img04.jpg">
	<a href="#" class="slidesjs-previous slidesjs-navigation"><i class="icon-chevron-left icon-large"></i></a>
    <a href="#" class="slidesjs-next slidesjs-navigation"><i class="icon-chevron-right icon-large"></i></a>
</div>

SlidesJSについて

シンプルなスライダープラグイン。
あまり多くのことはできないが、スライダーとしての機能は十分に備えており、設置も簡単で軽量。
ナビ画像にwebフォントを使っているので、ブラウザ対応に注意。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスApache v2
対応ブラウザ

関連するjQueryプラグイン

  • MOVINGBOXES

    MOVINGBOXES

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

  • NivoSlider

    NivoSlider

    簡単にリッチなスライダーを設置

  • FullscreenSlitSlider

    FullscreenSlitSlider

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

  • FOTORAMA

    FOTORAMA

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

  • Fathom

    Fathom

    プレゼン向きのスライダープラグイン