高速に動作する画像カルーセル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
最新のブログ記事(新着順)
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 好きな画像や文字を埋め込んだQRコードをリアルタイムで作れるWEBツール
- 過去のエントリ