Lightviewは、LightBox風に画像を拡大するスクリプトで、多彩なオプションで拡大表示時のカスタマイズが可能です。 Lightview Lightviewは、単独の画像拡大をはじめ、連番での送り機能や自動スライドショー機能を備えています。 デフォルトの状態でも快適に動作しますが、下記の多彩なオプションで画像の拡大表示時のカスタマイズが可能です。 backgroundColor 背景色 border ボーダーのサイズ buttons.opacity ボタン不透明度 effects Scriptaculousの効果 images lightview.jsからみたディレクトリ imgNumberTemplete 画像のナンバリング overlay オーバーレイ radus 角丸の半径 sideshow.delay スライドの表示タイミング titleCaptionSplit タイトルと
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト：パターンとライブラリで作るAjaxおいしいレシピ（4）（1/4 ページ） script.aculo.usの一歩進んだテクニック 今回紹介するscript.aculo.usは、以下のような機能を提供するAjax（JavaScript）フレームワークです。 ビジュアルエフェクト ドラッグ＆ドロップ DOM操作 オートコンプリート スライダー 単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。 今回はscripot.aculo.usのエフェクト機能に焦点を絞り、より突っ込んだ使い方を紹介していきます。 ■ Ajaxの弱点を補う「エフェクト」の必要性 Ajaxを活用することで、画面全体を再描画せずに画面上の一部分のみを変更し
Starbox - Rating stars for prototype Starbox allows you to easily create all kinds of rating boxes using just one PNG image. 綺麗にアニメーションする星型投票作成用JavaScriptライブラリ「Starbox」。 次のように、見栄えも綺麗で、カーソルを離すとアニメーションしてくれます。 実装は、次の流れで簡単に実装できます。 <script>タグでprototype.js等、必要ライブラリを読み込み CSSを読み込み、かつ画像をcssと同じパスに設置 new Starbox で初期化。コンストラクタに渡すオプションで挙動の調整が可能 自分でスタイルしてオリジナルの投票インタフェースを作るのもよさそう。 ライブラリ自体は、prototype.js/script.acu
Prototype 1.6.0とscript.aculo.us 1.8.0が、リリースしました。 Prototype 1.6.0, script.aculo.us 1.8.0, and the Bungee book now available script.aculo.us 1.8, Prototype 1.6 and the Book released! Prototype 1.6.0は、バグフィックス・パフォーマンス改善の他に、多くの機能の拡張が行われています。 script.aculo.us 1.8.0はprototype 1.6.0で動作し、バグフィックス・パフォーマンス改善の他に、新しくTweenエフェクトを取り入れ、既存の機能にも拡張が行われています。 ダウンロードは、それぞれ下記より行えます。 Prototype 1.6.0: Download script.aculo.u
アコーディオン形式で内容を表示できるAccordion v2.0 配布元:Accordion v2.0[リンク切れ] ライセンス:MIT License Accordion v2.0はアコーディオン形式でWebサイトの内容を表示するためのJavaScriptライブラリになります。 最近ではアコーディオン形式を使われているサイトも大分増えてきていますし、Dreamweaver CS3などでも簡単に実装できる為、標準的なUIとして認識されるのはそう遠くはないかもしれません。 設置方法 prototype.jsとscript.aculo.usのeffects.js、そしてaccordion.jsをhead要素内などで読み込みます。 <script type="text/javascript" src="prototype.js"></script> <script type="text/java
![アコーディオン形式で内容を表示できるAccordion v2.0[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2F2.zoppoz.workers.dev%3A443%2Fhttps%2Fblog.webcreativepark.net%2Ficon_200x200.png)
JSValidate prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」。 prototype.js と script.aculo.usベースになっています。 submitボタン押下時に、値が正しくないと、インプットの右側に赤文字でエラーメッセージがフェードインします。 JSValidateを使った実際のデモページはこちら 関連エントリ PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」 JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」 2007年09月25日- Accordion v2.0 Demo クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」。 おなじみのアコーディオン風に伸縮するＵＩをscript.aculo.us で実装するライブラリが公開されました。 実装は、ライブラリの読み込み＆DIVの定義をおこなったあと、次のようなコードで初期化するのみです。 // Horizontal example var horizontalAccordion = new accordion('#top_container', { classNames : { toggle : 'horizontal_accordion_toggle', toggleAc
modalbox.jsは、lightbox風のエフェクト上に、ページのリロードをしないで画像やフォームなどを切り替えられるスクリプトです。 ModalBox modalbox.jsの動作には、prototype.jsとscriptaculous.jsが必要で、これらを外部ファイルとして指定し使用します。 オプションも豊富にあり、lightbox風エフェクトの不透明度の設定やModalboxの属性・サイズ・コールバックなどがあります。
※ 画像は公式サイトデモより これはクール！ 思わず使い道を考えてしまった。Mac OSXではダイアログがウィンドウの上部から出てくる。あの表示が何となく好きという人も多いだろう。あれを実現するJavaScriptがこれだ。 今回紹介するオープンソース・ソフトウェアはModalBox、ウェブベースのポップアップ＆ウィザードだ。 簡単に言えば、ウィンドウの上から出てくるポップアップだ。表示していた画面はグレーアウトするので、そのダイアログだけに集中できる。Ajaxを使うことも、使わないこともできる。簡易的なものであれば使わずに手軽に利用できそうだ。 そして、ウィザード形式に操作を進めることもできる。例えば問い合わせフォームや、アンケート、友人へのメール等わざわざ画面を切り替えて操作するには及ばないようなものに使えそうだ。 表示のされ方がかなり格好よく、使い道も多そうだ。prototype.j
最近、 MochiKit も Script.aculo.us に対応するということで、いろんなプロジェクトでそれなりに Script.aculo.us が使われていたりする。 でも、やっぱり Script.aculo.us 遅い うーん＞＜ もっさり というわけで、どのくらい高速化出来るかやってみた 高速化前 http://sample.ecmascript.jp/effectperformance/original.html 高速化後 http://sample.ecmascript.jp/effectperformance/new.html ※注意：同時に開くと両方のエフェクトが影響しあってしまう（バックグラウンドでも）ので、片方づつ開いてみてください。 エフェクトを 100 くらいまでしないと誤差が大きいです。 約、倍になった けっこう、大きな差だと思う。 やっぱり、Script.a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
