25 jQuery image galleries and slideshow plugins
For some sites, image galleries are an absolute must. Portfolios are the first to come to mind, but galleries are also useful for blogs, e-commerce sites, and really any site that regularly displays multiple images on a single page. Below are 25 fantastic jQuery gallery and slideshow plugins. They're all free (though some require different licensing for commercial use, have premium versions availa
吹出し型ツールチップを自由に設置できるjQueryプラグイン「grumble.js」 | Web活メモ帳
これを使うと、漫画風の吹き出しを自由に表示する事が出来るようになります。 吹出しには背景画像が指定されているので、 CSSを変更してオリジナルの吹出しにする事も簡単そうでした。 使い方 以下のようなスクリプトを追加する事で表示する事ができました。 $('h1').grumble({ text: 'ここにメッセージを入れます!', angle: 85, distance: 100, showAfter: 500 }); オプションの説明 text:表示する文章 angle:角度 distance:距離 showAfter:指定した秒数後に表示（ミリ秒） オプショには他にもコールバック処理なんかもありました。 詳細&ダウンロードは下のリンクからどうぞ！
スマフォでもイケてるクールなドロップダウン実装jQueryプラグイン「DropKick」:phpspot開発日誌
DropKick - a jQuery plugin for beautiful dropdowns スマフォでもイケてるクールなドロップダウン実装jQueryプラグイン「DropKick」 次のようなデザインのドロップダウンが実装できます。大きめなデザインなのでスマフォでも使えます。 テーマは2種類あってホワイトとブラックから選べます マークアップとしては単なるselectなのでJSがおふでも使えるというものです 関連エントリ 超かっこいいmarquee2.0を実現するjQueryプラグイン「fMarquee」 テキストにグラデーションをかけられるjQueryプラグイン「True Gradient Text」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
[JS]jQueryのプラグイン33 1選 -2011年6月 | コリス
galleryFocus フォーカスした周辺をアニメーションでフェードさせ、中心をくっきり見せるギャラリー。 [ad#ad-2]
HTML5で実装する動画コンテンツに字幕を付けるライブラリ・Cuepoint JS
なかなかユニークだったのでメモがてら。 HTML5で実装する動画コンテンツに字幕 を加える、というjsライブラリです。思いつき ませんでしたけど、こう言うことも出来てし まうんですね・・・HTML5ってやっぱり凄い かも・・（今さらですけどｗ なかなか面白い発想ではないですかね。動画そのものにいれるのが一般的ですけど、簡単なものでいいならこの方法も有りかなと。 上部にHTMLでキャプションが入っています。再生すると、動画が進み、場面に応じてテキストが分かります。 時間がたつと別のメッセージが表示されます。 キャプションの埋め方$(document).ready(function(){ //Slides object with a time (integer) and a html string var slides = { 0: "This is the first subtitle. Y
必要最低限でよさげな画像ギャラリーJavaScript「Craftyslide」
twitter facebook hatena google pocket 最近は機能もファイルサイズももっさりな画像ギャリーJavaScriptが増えていますが、Craftyslide - A tiny jQuery slideshow pluginは2kbかつシンプルな記述で必要最低限な表現が可能です。 sponsors 使用方法 Craftyslide - A tiny jQuery slideshow pluginからファイル一式をダウンロード。 <link rel="stylesheet" href="craftyslide.css" /> <script src="jquery-1.6.1.min.js" type="text/javascript"></script> <script src="craftyslide.js"></script> <script> $(docu
FacebookのUIやスタイルを再現するjQueryプラグイン集「23 Best jQuery Facebook Style Plugins」
世界中の方々利用しているソーシャルネットワーク「Facebook」国内でも多くの方が利用しているサービスの一つだと思います。今日紹介するのはそんなFacebookのUIやスタイルを再現するjQueryプラグインを集めたエントリー「23 Best jQuery Facebook Style Plugins」です。 2. Creating a Facebook-like Registration Form with jQuery 全部で23個のプラグインが紹介されていますが、今日はその中から幾つか気になったモノを紹介したいと思います。 詳しくは以下 ■7. Facebook Style jQuery Chat facebookのチャットを再現するjQueryのチャット機能。 ■4. Tipsy – Facebook-style tooltip plugin for jQuery フェイスブック
Xoilac TV - Trực Tiếp Bóng Đá XoilacTV - Xem Bóng Đá #1
Xoilac TV - Xôi Lạc TV là một địa chỉ xem trực tiếp bóng đá 90P miễn phí được người Việt Nam yêu thích trong năm 2024. Cùng khám phá kênh bóng đá trực tuyến Xoilac có gì hấp dẫn nhé. Giới thiệu tổng quan Xoilac TV Xoilac cung cấp link xem trực tiếp những trận đấu kịch tính, siêu kinh điển của các giải đấu bóng đá trong nước và thế giới: Ngoại Hạng Anh, Champions League, V.League, La Liga, Serie A,
スピンボタンが作れるjQueryプラグイン「Smart Spin」 | Web活メモ帳
「Smart Spin」はスピンボタンが簡単に作れるjQueryプラグインです。 スピンボタンとは、値を上昇または下降させる為の補助的なコントロールです。 ボタンの長押しでフォームの値を変更できるようになります。 キーボードを使わずに値を変更できるので、フォームで使うとユーザービリティ向上に良いですね。 また、直接値を変更することもできるので、デザインの邪魔にもなりません。 ショッピングサイトなんかに良さそうです。 興味のある方は下のリンクからどうぞ。
カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigation」:phpspot開発日誌
カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigation」 2011年03月31日- jQuery Flower Navigation | jQuery Plugins カッコいい円形のメニューナビゲーション実装jQueryプラグイン「Flower Navigation」。 何の変哲もない円形のボタン。 クリックすると円の内側から画像がワサッとアニメーションでメニューが現れます。 カーソルを合わせると止まります。 マークアップは次のように書かれています。 デモではクリックしても飛べませんが、aタグのhrefを指定してあげれば飛べるということが分かりますね。 <nav id="websites"> <ul> <li><a href="#"><img src="http://soma.urlich.ch/_media/internet/mdm_sma
要素をブルブルさせるjQueryプラグイン「jRumble」
twitter facebook hatena google pocket なんだか楽しかったので、紹介します。 jRumble | A jQuery Plugin That Rumbles Elementsは要素をブルブルさせられるjQueryのプラグインです。 マウスオーバーで印象を与える時に使えなくもないかもしれません。 もしかしたらキャラクターをブルブルさせたら面白いかもしれません。 ま、好きに使ったらいいじゃないでしょうかね。 sponsors 使用方法 jRumble | A jQuery Plugin That Rumbles Elementsからjrumble.1.0.jsをjQueryからjquery.jsをダウンロードします。 <script src="jquery-1.5.1.min.js" type="text/javascript"></script> <scri
年表作り等に使えるタイムライン実装用jQueryプラグイン「timeglider.js」:phpspot開発日誌
Timeglider jQuery Plugin/Widget 年表作り等に使えるタイムライン実装用jQueryプラグイン「timeglider.js」。 マウスでドラッグ＆ドロップしたり、拡大できたりする年表のUIを提供してくれます。 例えば、どういうJavaScriptライブラリが何年に登場したのか、みたいなものを表示するのに使えます。 誰がいつ入社したのか？といった時系列のデータの表示なんかにも使えそう。 年代なんかも表示できます。 更にアイテムをクリックした場合には注釈を表示することも出来ます。 あまり使う機会はないかもしれませんが、こうしたライブラリはそれほど多く無いので覚えておいても損はなさそうです。 関連エントリ PHP・CSS・jQueryを使った横向きのタイムライン実装例 HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.
指定エレメントのフォントサイズを自由に大小させられるシンプルなjQueryプラグイン「FontSize」:phpspot開発日誌
FontSize | jQuery Plugins 指定エレメントのフォントサイズを自由に大小させられるシンプルなjQueryプラグイン「FontSize」 特定のエレメントをクリックした際に、指定した要素のフォントサイズをUPさせることが可能。最大や最小のサイズも指定出来ます。 使い方は簡単で、必要なライブラリを読み込んだら次のように呼び出すだけです。 $(element).fontSizer({ action: "up", elements: "#content", max: 36 }); デモページはこちら コンテンツをどんどん大きくしていった例。maxを指定しておくと一定以上からサイズは大きくならなくなります。 エレメントを絞ることで、サイト全体のレイアウトが崩れることもありません。 ちょっとしたユーザビリティの向上に知っておいてもよさそうなプラグインですね。 関連エントリ コンピ
クリエイティブなjQueryプラグイン28選「28 Fresh jQuery Tutorials」
先日、jQueryのプラグインを「新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」」という記事で紹介したばかりですが、今回はクリエイティブなjQueryプラグインを集めたエントリー「28 Fresh jQuery Tutorials」を紹介いたします。 Fullscreen Gallery with Thumbnail Flip このエントリーでは、スライダー、ギャラリーなどを中心に演出に凝った、見せるためのjQueryプラグインが多数まとめられていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Bubbleriffic Image Gallery with jQuery ローディングや画像の出現イメージなど細かいところにこだわった、jQueryを利用したギャラリー。 ■Ov
akquinet/jquery-toastmessage-plugin @ GitHub
To create some toastmessages just click on the following links. Show a success toast not sticky|sticky Show a notice toast not sticky|sticky Show a warning toast not sticky|sticky Show a error toast not sticky|sticky Documentation jquery-toastmessage-plugin documentation is available on the wiki. License jquery-toastmessage-plugin is licensed under the Apache License 2.0. The project was founded b
SidekickをjQueryで書いてみた - 黒羊工房はてな版
＞さらばスカイスクレイパー、IABが標準広告サイズ11種をリストラ http://web-tan.forum.impressrd.jp/e/2011/03/08/9894 タイトルのリストラはどうでもよくて、追加されるインタラクティブ系のうちのSidekickというものを練習として書いてみたのをプラグイン化してみました bsheep/sidekicker - GitHub DEMOはこちら（オレンジの画像をクリックしてください） 使い方はデモを見てもらえばだいたい分かると思うんですが、 $('#sidekick').sidekicker({ kicker: '#kicker', container: '#container', kickback: '#kickback' }); kickerは外側から押し出してくる部分でcontainerは押し出される方。kickbackは造語ですが*1、
jQuery Quicksand plugin
Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 87276499 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again. Isn’t it cool? Now, choose your fighter:
[JS]jQueryのプラグイン33+1選 -2011年2・3月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 MobilySlider 軽量ながらも高性能なコンテンツスライダー。 jShowOff さまざまなオプションを備えたコンテンツスライ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
小さくで可愛いグラフが描けるjQueryプラグイン「Piety」:phpspot開発日誌
恵比寿 パチンコ
