• かちびと.net

    多彩なエフェクトが魅力なイメージギャラリー用jQueryプラグイン・Skitter のご紹介です。まるでFlashのようなエフェクトのあるギャラリーをクロスブラウザで実装できます。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

多彩なエフェクトが魅力なイメージギャラリー用jQueryプラグイン・Skitter

スポンサーリンク

なかなか使いやすそうで、汎用性
もあるかなと感じたので備忘録。
エフェクトが多数あり、機能も中々
良く、クロスブラウザ対応している
イメージギャラリー用のjQueryの
プラグインです。

イメージギャラリーは数多に存在するのでまぁ選択肢の一つです。まぁ後発の方が機能が良くなりやすいっていう見方も出来なくは無いですね。

Skitter


よくあるイメージギャラリーですけど、いろいろ多機能です。

多彩なエフェクト


22のFlashライクなエフェクトから選べます。どれもクールなエフェクトですよ。


エフェクトにはそれぞれデモが用意されているので触ってみてください。


フルスクリーンにも出来ます。

サムネorボタンのナビゲーション


ナビゲーションを選択できます。ボタンかサムネイル。

ナビゲーションの表示の有無


そのナビゲーションを常時表示させるか、マウスオーバー時に表示させるかを選択できます。

IE6、7でも


IETesterで確認。問題有りませんでした。

オプション


いろいろ用意されてます。フルスクリーンもオプションで設定します。

マークアップ

<div class="box_skitter box_skitter_large">
    <ul>
        <li>
            <a href="http://thiagosf.net"><img src="images/01.jpg" class="block" /></a>
            <div class="label_text">
                <p>Label</p>
            </div>
        </li>
        <li>
            <a href="http://cakephp.org"><img src="images/02.jpg" class="cube" /></a>
            <div class="label_text">
                <p>Label</p>
            </div>
        </li>
        <li>
            <a href="http://jquery.com"><img src="images/03.jpg" class="default" /></a>
            <div class="label_text">
                <p>Label</p>
            </div>
        </li>
    </ul>
</div>

マークアップもシンプルですな。

なかなか高機能ですので覚えておいて損は無さそうです。

Skitter

URL :
TRB :

Comments & Trackbacks (6)

  1. 高橋 のり

    これはよさそうですね!
    さっそくDLして試してみます :D

    私の定番になりそうな予感 w
    素敵なプラグインの紹介、ありがとうございます!

    • シロ

      こんにちはー!

      アニメーションいい動きですねー。後発はやはりいいものが出やすいのかな。
      僕も定番になるかもですw

  2. tatsuya

    かなり使えそうなプラグインですね!
    ありがたく使用させていただきまーす!

    あと・・・
    「多彩なエフェクト」の一行目って”Flashライク”ですか?
    感違いならすみません;

    • シロ

      こんにちはー!なかなか使いやすそうですねー!どんどん便利になりますねw

      「多彩なエフェクト」の一行目って”Flashライク”ですか?

      おうふ・・直しましたwありがとうです;)

  3. business review

    .The text format textformat allows a subset of paragraph formatting properties .of the TextFormat class in HTML text fields including line leading indentation margins and tab stops.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services