- 締切済み
画像オンオフの判定
今、javascriptについて勉強しています。 それで、ブラウザで画像表示がオンのときとオフの時で適用するスタイルを変えたいと思っているのですが、javascriptのみでブラウザの画像表示がオンかオフかの判定というのは実際に可能でしょうか？ よろしくお願いします。
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- auty
- ベストアンサー率58% (284/486)
・ １例としてスタイルのvisibilityを使って、ON/OFFとチェックをお行ってみます。 以下のコードを参考にしてみてください。 ------------------------------------------------------------ <html> <head> <script language="JavaScript" type="text/javascript"> <!-- function ImageChange() { var img = document.getElementById('img1'); if (img.style.visibility == 'hidden') { img.style.visibility = 'visible'; } else { img.style.visibility = 'hidden'; } } function ImageCheck() { var img = document.getElementById('img1'); if (img.style.visibility == 'hidden') { alert('OFF: hidden'); } else { alert('ON: visible'); } } //--> </script> </head> <body> <img id="img1" src="1.jpg" onclick="ImageCheck()"/> <hr /> <button onclick="ImageChange()">ON/OFF</button> <button onclick="ImageCheck()">チェック</button> </body> </html>
お礼
autyさん、回答ありがとうございます。 すみません、言葉が足りませんでした。 画像が表示されない (ブラウザ側で表示を切っている、リンク切れ) 場合にのみスタイルを適用したいと思っています。 それで、リンク切れの場合には対処できるのですが、ブラウザ側で表示を切っている場合、javascriptでそれを確認することはできるんでしょうか？という意味のつもりでした。 せっかく回答していただいたのにすみません。
補足
とあるぺーじに期待していたスクリプトがあったので、同じ内容で検索された方のためにこの場を借りてURLを載せておきます。 http://gunner.jp/blog/files/