[Ajax][UI]画像スライダー・郵便番号検索・バリデーション « vanillate
画像をインラインフレームなどを使わずにスライドさせたり、郵便番号を入力するだけで（ボタンを押さずに）住所の入力補助ができたり、データを送信するまえにエラーチェックを行ったりといったインターフェイスが、当たり前に利用されるようになってきました。 利用側としては、使いやすい方に慣れていく傾向にあるので、私も取り入れるために調べてみた際のまとめです。 こういう処理の実装を行う時って、時間がない、仕上げの時が多いので、比較的に簡単に導入できそうなものを中心に、ご紹介します。 jQueryTOOLS デモ スライダー、ツールチップなどが簡単に実装できるライブラリ 1. Tabs（タブでDIV内容を切り替え） 2. Tooltips（ロールオーバーなどでヘルプ表示） 3. Overlay（同一ページ内で新しいウィンドウを表示） 4. Expose（クリックされた要素以外を暗転） 5. Scr
jQueryでブロック要素の高さを揃えてみる - 徒書
ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば
Ajax画像イメージギャラリー＆スライドショーのまとめ7選 : 4GALAXYのメモ
15 24 08 2007 Ajax画像イメージギャラリー＆スライドショーのまとめ7選 Samples, Ajax 仕事で調べる機会があったので、実用的に使えそうな物をピックアップ Sample - Highslide JS サムネイルからポップアップで原寸表示ギャラリー、Keyboardからもコントロールできます。HTML、Flashの表示も可能 Sample - ThickBox 3.1 画像のほかにもHTML、IFRAM、INLINEコンテンツに対応しています。jQueryライブラリ使用。 Sample - Fading Slideshow 1ページ型 大きめの画像スライドショーなんかに良さそうです。prototype.js scriptaculous.jsを使用 Sample - JonDesign’s SmoothGallery 埋め込みスライドショー型 Sample
Using Opacity to Show Focus with jQuery Example
When you hover over an image below, every image except the one you are hovering over will fade out. Example 1: Images
Flashムービーのサイズをブラウザ幅に応じて自動調整できるJSライブラリ「FitFlash」:phpspot開発日誌
FitFlash - Smart Flash Resize Script FitFlash is a smart script that resizes your flash automatically if your browser window size is smaller or greater than your flash minimum desired size keeping it accessible independent of screen resolution. Flashムービーのサイズをブラウザ幅に応じて自動調整できるJSライブラリ「FitFlash」。 通常、Flashムービー(SWF)はブラウザに貼り付けた状態だと固定サイズとなっています。 このムービーサイズをJavaScriptで動的にうまく調節できるライブラリがFitFlashです。 FitFlashは次
Webデザイナーのための美しいjQueryプラグイン22 – creamu
Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]ちょい見せコンテンツを雑誌のようにペロッとめくるスクリプト -Animating Page Peel