• かちびと.net

    50以上のエフェクトから選べるベーシックなスライドギャラリーjQueryプラグインのご紹介。多数有るエフェクトは組み合わせる事も可能ですよ。

    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

50以上のエフェクトから選べるベーシックなスライドギャラリーjQueryプラグイン

スポンサーリンク

機能自体はベーシックなんですが、
用意されているエフェクトが多数
あるスライドギャラリー系のjQery
プラグイン、jQuery Panel Gallery
のご紹介です。自動で切り替わる
タイプです。

よくあるjQueryギャラリーのように、クリックで進んだり、キャプションを表示させたり、といった事は出来ませんが、エフェクトが50ほどあるのが魅力です。エフェクトは複数組み合わせる事も可能です。IE6でも動作してくれました。

jQuery Panel Gallery


オプション設定でエフェクトやスピードの指定が可能です。エフェクトは複数指定することもできます。

マークアップもシンプル。

<div id="container">
	<img src="image1.jpg" alt="image 1" width="500" height="250" />
	<img src="image2.jpg" alt="image 2" width="500" height="250" />
	<img src="image3.jpg" alt="image 3" width="500" height="250" />
	.
	.
	.
</div>

オプションでスピードとかエフェクトの種類を指定

$('#container').panelGallery({
    boxSize:50,
    boxFadeDuration:1000,
    boxTransitionDuration:100,
    FX: new Array('boxSouthEast','fade','boxRandom','panelZipperDown,true','panelZipperRight,true','panelTeethDown,true','panelTeethRightReveal')
});

エフェクトは50種以上ありますので選り取りみどりですね。どれもなかなか素敵。

これはjackpotエフェクトで、1列づつ切り替わります。合計3列なのでスロットっぽく見えますよ。

全てのエフェクトにデモが用意されてるのでご興味のある方はぜひ御覧ください。

jQuery Panel Gallery

URL :
TRB :

Comments & Trackbacks (2)

Twitter

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

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

twitter facebook rss contact

Ads

Posts

Contact

Services