バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」:phpspot開発日誌
バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」 2011年01月19日- JQuery Plugin: imBannerRotater | GrasshopperPebbles.com バナーを一定期間で別のバナーに切り替えられるjQueryプラグイン「imBannerRotater」。 サイトに設置するバナーなんかを例えば5秒ごとに切り替えつつ、画像だけではなく、リンク先もちゃんと変えたい場合に使えるプラグインです。 限られたスペースを使い、複数のプロモーションを行うのに便利です。 デモはこちら 広告の画像ＵＲＬ，リンク先ＵＲＬはjsonで返すこともでき、サーバ側で広告データを管理することも出来ます。 jQueryで比較的綺麗で容易に実装できるのはいいですね。 関連エントリ 便利なjQueryプラグインいろいろ ナビゲーションのUIは
冬なのでページ内に雪を降らせるjQueryプラグイン「Snowfall」:phpspot開発日誌
Jquery Snowfall Plugin 1.4 | Somethinghitme 冬なのでページ内に雪を降らせるjQueryプラグイン「Snowfall」。 Web1.0時代にJavaScriptサンプルとしてよくあったものをjQueryで実装したもの。 動き等がなかなかリアルなので一度見てみてもよいかも。 実装も $(document).snowfall() とするだけなので、簡単。 面白いのが、ページ全てでなく、$(element).snowfall() とすると、特定のエレメント内だけに降らせることができる点。 特定のエレメントブロック内だけ激しく降らせることも可能。 関連エントリ jQueryを使った映り込みエフェクトがかかったイメージギャラリー AppleのRetinaディスプレイの説明風エフェクト実装jQueryサンプル。 写真撮影っぽいエフェクトがかけられるjQuery
Jquery Plugin MopBox 2.2
Jquery 1.3.2とJquery UI 1.7.2に対応しました。多くのチューンナップとバグフィックスを行い、最新のブラウザに対応しました。2.2からリサイズが可能になりました。（1ページのコンテンツで有効） <head> <link rel="stylesheet" type="text/css" href="mopBox/mopBox-2.2.css"> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/ui.core-1.7.2.js"></script> <script type="text/javascript" src="js/ui.draggable-1.7.2.js"></script> <s
jQueryGlobe - jQuery Plugin - Feature List
I love the simplicity of using (and more important re-using) jQuery plugins. So I decided to release a plugin that came from my personal need - Feature List. This jQuery plugin enables simple and easy creation of an interactive "Featured Items" widget. You can see the demo at this page, and you can download the complete source code with examples from here. What’s So Great About this Plugin? Slick
AviaSlider - a unique jQuery Image slideshow plugin!
Features of the Avia Image Slider 8 unique transition effects Lots of easy to set options to create your own effects Included Image preloader Autoplay that stops on user interaction Valid HTML5 and CSS 3 Markup Packed version only weights 8kb Supports linked images already prepared to work with prettyPhoto Lightbox works with jQuery 1.32 and higher Browser Support Internet Explorer 6 and higher Sa
電光掲示板のようにニュースをクールにアニメーション表示できる「jquery vticker」:phpspot開発日誌
jquery vticker (vertical news ticker) JugBit 電光掲示板のようにニュースをクールにアニメーション表示できる「jquery vticker」。 特定のdivに次のようにulでリストを定義しておいて、$(element).vTicker(); とすることで簡単にアニメーションするニュースティッカーが実装できます。 幅、高さは固定できるので、自由にレイアウトできるところもナイスです。 表示時間が終わって消えるリストがグレーにフェードアウトするところも芸が細かくてナイス。 デモを見る デモはCSSでスタイリングされておらず味気ないものですが、CSSで綺麗にデザインしてあげることでかなり映えそうです。 オプションで、次の挙動についてカスタマイズも可能です。 ・スピード変更 ・待ち時間変更 ・アイテム表示数変更 ・アニメーション指定 ・マウスで停止するか指定
画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) | コブスニュース かちびと.net | コブスオンライン／COBS ONLINE
HOME > 人気 > コブスニュース > 画像を使ったいろいろなjQueryプラグイン224個まとめ( 200+ collection of jQuery for images ) 画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQueryプラグイン が沢山あるのと、探してる方が直ぐ に見つけられるように、という事で リンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さ
jQueryでツールチップ実装に迷ったらみるエントリ:phpspot開発日誌
20 Helpful jQuery Tooltip Plugins and Tutorials | CreativeFan jQueryでツールチップ実装に迷ったらみるエントリ。２０種類のjQueryツールチッププラグインとチュートリアルがまとまっています。 様々なデザインや、それぞれの使い勝手があるので選ぶときに参考にしてみるとよさそうです。 比較的簡単な機能ですが、それ故にライブラリも豊富で選択肢も広いですね。 関連エントリ JavaScriptツールチップライブラリ24個 色合いを選べるツールチップ実装jQueryプラグイン「Colortip」 画像なしで実現するCSS吹き出しツールチップ実装サンプル色々 JavaScriptを使わずCSSのみでシンプルなツールチップ実装 画像付きのオシャレなツールチップを実装できるjQueryプラグイン「TinyTips」
リニューアルしたTwitter風のWEBインタフェース作成チュートリアル:phpspot開発日誌
New Twitter Design with CSS and JQuery. リニューアルしたTwitter風のWEBインタフェース作成チュートリアルのご紹介。 jQueryとCSSを使って新TwitterのUIを実装している例です。 左カラムの行をクリックすることで右にコンテンツが現れるようなＵＩを実現しています。 ちゃんとスタイルすれば本当にTwitterライクなＵＩになりそうですね。 ブログの見出しと記事のレイアウトにすればTwitterライクなインタフェースのブログが作れそうです。 関連エントリ サイトにTwitterの機能を組み込むためのjQueryプラグイン集 Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」 サイト内にTwitter投稿用のフォームを直接埋め込んでしまえるjQueryプラグイン「Like
AviaSlider - a unique jQuery Image slideshow plugin!
Features of the Avia Image Slider 8 unique transition effects Lots of easy to set options to create your own effects Included Image preloader Autoplay that stops on user interaction Valid HTML5 and CSS 3 Markup Packed version only weights 8kb Supports linked images already prepared to work with prettyPhoto Lightbox works with jQuery 1.32 and higher Browser Support Internet Explorer 6 and higher Sa
Design Bombs
Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.
jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」
TOP > WebDesign > jQueryで実現するクリエイティブなイメージギャラリー集「20+ jQuery Image Gallery for your next project」 軽量で非常に高機能なjavascriptライブラリ「jQuery」。様々なプロジェクトで利用されていますが、今回紹介するのはjQueryをつかったイメージギャラリーを集めたエントリー「20+ jQuery Image Gallery for your next project」です。 AviaSlider – a unique jQuery Image slideshow plugin 画像と画像の間のエフェクトに凝ったものから、フューチャーリストのようにサムネイルと連動しているものまで様々なイメージギャラリーが紹介されています。今日はその中から幾つか気になったものを紹介したいと思います。 詳
大迫力のページをフルに使ったイメージギャラリー実装デモ:phpspot開発日誌
Full Page Image Gallery with jQuery | Codrops 大迫力のページをフルに使ったイメージギャラリー実装デモ。 jQueryを使って画面を最大限に使ったギャラリーの実装コード例とコードのダウンロードが可能です。 フルサイズなので、写真の迫力が出せて、更に所々がJavaScriptによってアニメーション付きでクールに動作します。 コードはそれほど複雑なものではなく、カスタマイズ等も簡単そうです。 関連エントリ これはいい！iPadテーマのjQuery画像ギャラリー PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」 超カッコいいApple風スライドショーギャラリー作成チュートリアル JavaScript製の画像スライダー・ギャラリーいろいろ
jQuery Masonry › Infinite Scroll Example
Masonry integrates well with auto-paging scripts like Infinite Scroll by Paul Irish. Using the appendedContent option, Masonry will only re-position the newly appended elements, and skip over all the previous elements that are already in their proper position, thus saving precious milliseconds of page load time. Setting up the Masonry call is just the same as normally would be. Since this layout u
floatさせた要素を上手い具合に整列させてくれるJavaScript「jQuery Masonry」
CSSでfloatさせると要素の高さによっては、想定していたように並ばないことがあります。 そんな時にはjQuery Masonryを使用すれば、まず水平方向に合わせた後、垂直方向にもあわせるので、綺麗に要素を整列できます。 sponsors 使用方法 jQuery Masonryからjquery.masonry.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.masonry.js"></script> <script> $(document).ready(function() { $('要素名').masonry(); }); </script> 上記で指定した要
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Booklet - jQuery Plugin
http://ti.y1.ru/retina/
MopStudio
http://solidstate.jp/ImageDisplay/gallery/script_77.html
http://solidstate.jp/Navigation/navigationMenu/script_164.html