• かちびと.net

    スライド時にキャプション等のテキストを遅延表示させる事が出来るイメージスライダー・ayaSliderのご紹介。素敵なエフェクトです。

    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

スライド時にキャプション等のテキストを遅延表示させる事が出来るイメージスライダー・ayaSlider

スポンサーリンク

キャプション等のテキストがスライド時に遅延して表示させる、という演出が可能なイメージスライダーのご紹介。上手く説明できないのでデモをご覧頂ければと思います。

素敵なエフェクトで演出できるスライダーです。ビジュアルが重要なコンテンツと相性良さそうですね。

ayaSlider


スライド時に画像が表示され、その後にキャプションやリストなどのテキストコンテンツがアニメーションエフェクト付きで表示されます。


IE Tabで確認しただけですけど、動作はしていましたので、よくあるCSS3で、といった類のものでは無いっぽいです。まだよくコード見て無いですけど・・

コード

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script>
<script src="ayaSlider.js" type="text/javascript"></script>

コアとプラグイン

$('#foo').ayaSlider({
       easeIn : 'easeOutBack',
       easeOut : 'linear',
       delay : 4000
    });

オプションでeasing等を指定。

一応メモ。ライセンスはMITとの事です。

ayaSlider

URL :
TRB :

Comments & Trackbacks (1)

Twitter

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

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

twitter facebook rss contact

Ads

Posts

Contact

Services