タグ

2010年8月17日のブックマーク (1件)

  • jQueryでロールオーバー!プリロード対応版 (3/3)

    画像のプリロード(先読み)処理を追加する ロールオーバーで画像を変更する際、src属性を書き換えてからブラウザーが画像をダウンロードして表示するまでには僅かとはいえ時間がかかります。そのため、画像の切り替え時に一瞬、チラつきが発生する場合があります。チラつきを防ぐために、画像をあらかじめダウンロードしておき、ブラウザーにキャッシュさせておく「プリロード」(先読み)の処理を追加します。 サンプル02にプリロード処理を加えたのが次のスクリプトです。 ▼サンプル03(スクリプト部分) $(function(){ $("img.rollover").mouseover(function(){ $(this).attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_on$2")) }).mouseout(function(){ $

    jQueryでロールオーバー!プリロード対応版 (3/3)
    kyaido
    kyaido 2010/08/17
    プリロード