width(), height() [jQuery]
width(), height()は、要素の横幅と縦幅を設定するjQueryのメソッドです。
dom:loadedは、prototype.jsの拡張イベントです。通常ページを読み込まれた後にJavaScriptを実行するには、loadイベントを使いますが、サイズの大きい画像ファイルなどが存在すると、loadイベントが発生するまで時間がかかります。この場合、dom:loadedイベントを利用すると、ユーザビリティが向上します。ただし、ブラウザの仕様によって動作のタイミングは違います。
width(), height()は、要素の横幅と縦幅を設定するjQueryのメソッドです。
previewbubble(websnapr)を使ったサムネイル表示のサンプルを紹介します。
previewbubbleは、リンク先をクリックする前にリンク先のサムネイル画像を表示してくれるライブラリーです。
lightbox 2.0は、ページ内の画像を拡大する人気のあるツールです。画像をクリックすると、ページ遷移無しにページ内のコンテンツを背景にして画像を拡大してくれます。
show(), hide()は、elementの表示・非表示を制御するメソッドです。
script.aculo.usは、prototype.jsをベースとしたエフェクト関連が充実しているAjaxライブラリーです。
prototype.jsのescapeHTML()を使ったサンプルを紹介します。
jQueryとprototype.jsを使った場合のDOM書き換えサンプルを紹介します。