HOME > JavaScript > javascriptで画像を取り扱う際の注意

javascriptで画像を取り扱う際の注意

2013/05/27 2024/01/12 JavaScript 画像関連

javascriptで画像を取り扱う際に、

ちゃんと要素を指定しているのにも関わらず、

undefinedになることが多く、なんでやろ？　と

なったのでメモ。

結論としては、画像を読み込む前にjavascriptで

操作は出来ない。考えると当然だけどはまって

しまったので注意。

■例

//画像読み込み前なのでundefined

document.images["image_name"].style.display = 'none';

</script>

//画像読み込み後なのでOK

document.images["image_name"].style.display = 'none';

</script>

または、

function test(){

document.image_name.style.display = 'none';

}

</scirpt>

みたいにしておけば、大丈夫。

: jQueryの画像スライダー用プラグイン「slick」の使い方

jQueryの画像スライダー用プラグイン「slick」の使い方についてソースコー ...

: バニラJS対応(jQuery非依存)の画像遅延読み込みプラグイン「echo.js」の利用方法

あるサイトをブラウザの開発者ツールで見ていると「echo.js」と聞いたことの無 ...

: フォームで画像をとりあつかう際にBase64エンコードした上で送信する方法

PHP等サーバサイド系の言語は利用不可(JSは利用可)な環境でformを作成し画 ...

: JSやjQueryで動的に追加した要素に対して「slick」でスライダーを実行する方法

外部サーバからAjax等で画像URLを取得したものをimgタグとしてページ内に描 ...