高速に動作する画像カルーセルUI実装用jQueryプラグイン「Agile Carousel」
2009年05月18日-
スポンサード リンク
Plugins | jQuery Plugins
高速に動作する画像カルーセルUI実装用jQueryプラグイン「Agile Carousel」
ページ右上のページ送りボタンを押せば滑らかに、かつ高速にアニメーションします。
スクリプトはシンプルでありながら、オプション指定が色々とできてカスタマイズ性がある以下のようなコードで実装できます
<script type="text/javascript">
$('#slide_holder').agile_carousel({
disable_on_first_last: "yes",
next_prev_buttons: "yes",
number_slides_visible: "3",
slide_buttons: "yes",
slide_captions: "Agile Carousel: View Examples With Varied Settings|Agile Carousel: View Examples With Varied Settings|Agile Carousel: View Examples With Varied Settings|Agile Carousel: Project Hosted on Code.Google.com | Agile Carousel: Project Hosted on Code.Google.com | Agile Carousel: Project Hosted on Code.Google.com | Agile Carousel: Powered by PHP, JQuery & JQuery UI | Agile Carousel: Powered by PHP, JQuery & JQuery UI | Agile Carousel: Powered by PHP, JQuery & JQuery UI",
timer_on: "no",
transition_duration: 1500,
transition_easing: "easeOutQuint"
});
</script>
サイトデザインのページ上部なんかに置いてスペースを有効利用できそうなウィジェットが簡単に実装できますね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 過去のエントリ