TAGS: スライダー | スライドショー | 画像 | アニメーション | jQuery | プラグイン | MIT | JavaScript
Coin Sliderは画像の切り替えがユニックの効果で行い、シンプルなjQueryベースのプラグインです。

動作環境


◇ 言語:JavaScript(jQuery)
◇ ライセンス:MIT
◇ ブラウザー:Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+

イメージ:


機能・特徴


◇ ユニックな画像切替エフェクト
◇ 設定オプション及びCSSカスタマイズ
◇ 自動スライド
◇ ナビゲーションボックス
◇ 軽量 (8kb)
◇ 画像にリンクを追加可能


使い方


1)<head>~</head>にJavaScriptライブラリ及びCSSをインポート

<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" />


2)HTMLコード例
<div id='coin-slider'>
    <a href="img01url" target="blank">
        <img src='img01.jpg' >
        <span>
            画像の説明
        </span>
    </a>
    ......
    ......
    <a href="imgN_url">
        <img src='imgN.jpg' >
        <span>
            画像の説明
        </span>
    </a>    
</div>


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

.

Sponsored Link


有关作者
Syboos.jp編集長AJavaやオープンソース情報の執筆、Webサイトの開発や運営全般の業務に携わる。

Comments

用户名 (required)

Email (will not be published) (required)

URL

Evaluation