Coin Slider

JavaScript

ユニークなエフェクトを実装できるjQueryイメージスライダー「Coin Slider」

ユニークなエフェクトで画像がスライドしていくjQueryイメージスライダー「Coin Slider」の備忘録。イメージスライダーとしての必要な機能も揃っている上にシンプルでとても軽量です。ブラウザ対応は、IE6+、Firefox 2+、Safari 2+、Google Chrome 3+、Opera 9+、になります。

[ads_center]

使い方

jQuery本体とプラグインを読み込みます。

<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />

以下はマークアップです。

<div id='coin-slider'>
    <a href="img01_url" target="_blank">
        <img src='img01.jpg' >
        <span>サンプルテキスト</span>
    </a>
    <!-- 中略 -->
    <a href="imgN_url">
        <img src='imgN.jpg' >
        <span>サンプルテキスト</span>
    </a>
</div>

あとはCoin Sliderを呼び出せばOKです。

<script type="text/javascript">
$(document).ready(function() {
    $('#coin-slider').coinslider();
});
</script>

オプションも色々あるのでカスタマイズする際に役立ちそうですね。

LOCKJOY(ロックジョイ)待ち受けを見てロック解除でポイントが貯まるLOCKJOY(ロックジョイ)を使ってみた前のページ

Google検索を英語だけの結果で表示させる簡単な方法次のページ

関連記事

  1. Sliiide

    JavaScript

    シンプルなスライディングメニューを実装できる「Sliiide」

    Sliiideはシンプルなスライディングメニューを実装することができる…

  2. Audero Smoke Effect

    JavaScript

    スモーク(煙)のエフェクトを実装できるjQueryプラグイン「Audero Smoke Effect…

    スモーク(煙)のエフェクトを実装することができるjQueryプラグイン…

  3. Tiny Colorpicker
  4. JavaScript

    ホバーすると中心から円形メニューが表示される「jQuery Wheel Menu」

    ホバーするとその地点を中心にして円形メニューが表示されるプラグイン「j…

  5. Tipr

    JavaScript

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」

    Tiprはフラットでシンプルなツールチップを実装することができるjQu…

  6. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP