注目のAjax情報のポータル
|
The requested blog was not found -- unless you requested that of Dan Kogai (小飼 弾).ソースはこんな感じ。/** You need base64.js.* cf: http://blog.livedoor.jp/dank... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/08/27 16:44:58 blog.livedoor.jp |
PHPソース１個で実現されるクールなWEBギャラリー実装プログラム「Pagemap ImageWall」2010年08月11日-Pagemap ImageWall ? Freeware Web Photo Gallery with slideshow | Pagemap Premium Portf... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/08/13 4:44:56 phpspot.org |
|
画像にエフェクトをかけて拡大表示 したり、スライドを作ったり、ツール チップで表示したり、というような 画像を使用したjQueryプラグイン が沢山あるのと、探してる方が直ぐ に見つけられるように、という事で リンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/08/05 4:47:33 kachibito.net |
様々なjQueryで動作するライトボックスを集めた「31 mind blowing collection of jQuery light box」javascriptを使って、画面にオーバーレイしてコンテンツを表示させるライトボックス。現在のWEBページでは一般的な表現方法の一つで、数多くのサイト... [ 詳細 ] [ 関連 ] [ ニコニコ ]2010/05/17 4:44:57 design-develop.net |
![[JS]画像をクロスフェードで変更するスライドショーの超軽量スクリプト -Simplest Slideshow | コリス フィード](/thumb/371456.png)
余計な機能は一切なく、シンプルで画像を洗練されたエフェクトで次々に表示するスライドショーのスクリプトをSnook.caから紹介します。Simplest jQuery Slideshow demoこのスクリプトを作成したきっかけは、知人からの依頼だそうです。当サイトでも多数紹介しているjQueryの... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/15 17:10:04 coliss.com |
WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。jQuery Plugin - Feature List 左にナビゲーションがあって自動で切り替わるAcces... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/12/09 17:10:03 blog.creamu.com |
GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」2009年12月01日-GoogleMapみたいに画像をズーム＆グリグリ移動できるjQueryプラグイン「Mapbox」。 自分で実装するとなるとかなり骨が折れそうなこの機能もjQueryプラグインで簡... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
かなりスタイリッシュかつ高機能なLightBox風ライブラリ「TopUp」 最初見たときはLightBoxも驚きましたが、これがかなり進化してきています。 TopUpは、次のように、閉じるボタンやドラッグ＆ドロップでき、リサイズできるOSのようなLightBoxを実現できます。 実現できる機能を簡... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/11/25 13:11:20 phpspot.org |
![[CSS]スタイルシートで実装する、アイデア溢れる画像ギャラリー | コリス フィード](/thumb/357485.png)
まるでFlashやスクリプトを使用したかのようなスライドのエフェクトがスタイリッシュな画像ギャラリーを実装するスタイルシートをCSSplayから紹介します。Slideshow by numbers demoデモでは画像ギャラリーの領域にマウスをホバーすると、画像に対応した数字が表示され、それぞれの... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/11/13 5:10:00 coliss.com |
超カッコいいApple風スライドショーギャラリー作成チュートリアルが公開されています。 次のようなカッコいいスライドショーが作れます。 デモページ コーポレートサイトのページのヘッダーなんかに入れ込むといい感じになるかもしれませんね。 以下のエントリを参照してください。 A Beautiful A... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]jQueryのプラグイン33+1選 -2009年10月 | コリス フィード](/thumb/349493.png)
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。Image Overlayテキストなどのパネルを画像の上にオーバーレイ表示します。dumbcrossfade打ち出し画像をフェードで次々に変更 [...] [ 詳細 ] [ 関連 ] [ ニコニコ ] |
LINE25で、Mootoolsを使ったlightboxスクリプトTOP10がまとまっています。ざっといくつかご紹介。» Smoothbox 画像、インナーHTML、Ajax、iframeをサポート » Multibox 画像、インナーHTML、Ajax、iframe、Flash、動画をサポート ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか？ もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。下記のグラフは、「Simple-Talk」という海外の... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」が凄い件2009年08月12日-リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」 ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
|
『 ｊQueryイメージギャラリーまとめ 』 [ 詳細 ] [ 関連 ] [ ニコニコ ] |
Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf PDFやFLV・SWF・画像にも対応したLightBoxクローン「Bumpbox」。 様々なファイルフォーマットに対応したLightBoxは色々とあり... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
wilq32 - jQuery plugin: Wilq32.RotateImage 画像を簡単に回転できるjQueryプラグイン「Wilq32.RotateImage」。 このプラグインを使えば、画像を簡単に回転させることができます。 使い方も非常に簡単で、次のように rotate メソッドに ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。Image Rotatorスタイリッシュな画像ギャラリー。GalleryViewインターフェイスが豊富な画像ギャラリー。Slidesho [...] [ 詳細 ] [ 関連 ] [ ニコニコ ] |
JavaScriptrhino.jpg(幅:300px, 高さ:227px) を、 と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。Firefox, Safari, Google Chrome ならimage.naturalWidth と image.... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]フラッシュのように画像を表示するスライドショーのスクリプト -Slideshow JS | コリス フィード](/thumb/288334.png)
複数の画像をフラッシュのようにフェード効果で画像を表示するスライドショーを実装するスクリプトを紹介します。Slideshow JS demoデモでは、サムネイルが両端の矢印アイコンでスライドし、サムネイルをクリックすると画像がフェードで切り替わります。対応ブラウザは、IE7, Fx, Op, Sa... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
Plugins | jQuery Plugins 高速に動作する画像カルーセルＵＩ実装用jQueryプラグイン「Agile Carousel」 ページ右上のページ送りボタンを押せば滑らかに、かつ高速にアニメーションします。 スクリプトはシンプルでありながら、オプション指定が色々とできてカスタマイズ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
Simple Page Peel Effect with jQuery & CSS jQueryとCSSで驚きのページめくり効果を作るサンプル。 利用者に対して驚きを与えるだけでなく、スペースも有効に使える便利なサンプルが公開されていました。 綺麗なアニメーションをするも、Flashは使っておらず... [ 詳細 ] [ 関連 ] [ ニコニコ ]2009/05/13 17:10:04 phpspot.org |
![alphafilter.jsが透過pngのロールオーバーに対応[to-R] フィード](/thumb/281734.png)
IE6用の透過pngライブラリ「alphafilter.js」が透過pngのロールオーバーに対応しました。透過機能はIE6で画像の拡張子がpngの場合のみですが、ロールオーバーはすべてのブラウザ、jpg、gif、png形式の画像で利用いただけます。img要素の場合class属性に「btn」と付けれ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
Dynamic Text Replacement Solutions | Dezinerfolio テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組みが色々とあるみたいです。 FlashやPHP、CSS、JavaScriptの要素をトリッキーに混ぜ合わせているところも見所です。 P+C... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
jQuery GalleryView - by Jack Anderson jQueryを使ったFlashばりにクールなギャラリー「GalleryView」が公開されています。 初期化に以下の数行を書けばＯＫみたい。 $('#photos').galleryView({ panel_wid... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
Sliding Boxes and Captions with jQuery | Build Internet! マウスオーバー時にクールに画像を切り替えるjQueryサンプル。 マウスオーバーで滑らかにキャプションが現れたり、画面を切り替えたりできるサンプルのデモとダウンロードが出来ます。 デモ... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]一覧表示のレイアウトを切り替えるスクリプト -Easy Display Switch | コリス フィード](/thumb/266301.png)
サムネイルなどの一覧表示のレイアウトをスムーズなアニメーションで切り替えるスクリプトをDesign M.agから紹介します。Easy Display Switch with CSS and jQuerydemo[...] [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]多彩なカスタマイズが可能なLightbox風スクリプト -ColorBox | コリス フィード](/thumb/265118.png)
インターフェイスのデザイン、クローズやアローなどコントローラーのカスタマイズが可能な画像を拡大表示するLightbox風のスクリプト「ColorBox」を紹介します。ColorBox拡大表示できるのは画像のほかに [...] [ 詳細 ] [ 関連 ] [ ニコニコ ] |
AJAXなどを使ってデータをバックグラウンドで読み込んでいる間、ユーザーが待っている時間のストレスをできるだけ少なくするためにできたのがこのプリローダーというもの。Flashなどではおなじみのアレです。このプリローダーを無料かつ簡単に作成できるオンラインサービス、それが「Preloaders.ne... [ 詳細 ] [ 関連 ] [ ニコニコ ] |
![[JS]画像をさくっと回転させるスクリプト -ImageRotate | コリス フィード](/thumb/253985.png)
画像を回転させた状態で表示したり、ホバーにあわせて回転させたりするスクリプト「ImageRotate」を紹介します。Wilq32.RotateImage設置は簡単で、スクリプトを外部ファイルとし、下記のように画像のidと角度を指定します。$(document).ready(function(){$... [ 詳細 ] [ 関連 ] [ ニコニコ ] |