-1
私のスクリプトを無骨なものにするために、w3schools.com（https://www.w3schools.com/js/js_htmldom_html.asp）の例としてdocument.getElementById（id）.attribute = new valueを使用しました。例：javacriptを使用して属性の値を変更する
<!DOCTYPE html>
<html>
<body>
<img id="myImage" src="smiley.gif">
<script>
document.getElementById("myImage").src = "landscape.jpg";
</script>
</body>
</html>
ここは私のものです。 Chromeコンソールにエラーメッセージは表示されません。
<body>
<img id = "indexPhoto" src =
"newthaiimages/indexPhotos/indexPhoto_320.jpg"
width="320" height="474" alt="hero sepia toned photo of Thai
temple next to a river"/>
<script>
document.getElementById("indexPhoto").scr =
"newthaiimages/indexPhotos/indexPhoto_450.jpg";
</script>
</body>
http://newthaimassage.com/index3.phpの結果が表示されます。ここにスクリプトが削除されていないです。
<script>
window.onload = function() {
var w = window
var x = w.innerWidth
switch(w.innerWidth){
case x <= 320:
break;
case x <= 768:
document.getElementById("indexPhoto").scr ="indexPhoto_450.jpg";
break;
case x <= 1024:
document.getElementById("indexPhoto").scr ="indexPhoto_835.jpg";
break;
case x <= 1420:
document.getElementById("indexPhoto").scr ="indexPhoto_1000.jpg";
break;
default:
document.getElementById("indexPhoto").scr ="indexPhoto_1200.jpg";
}}
</script>
現在、私は、ウィンドウサイズによって画像を表示するCSSメディアクエリを使用して、私はここに私の究極の目標であるCSSアニメーションを、使用することはできません背景画像を使用しています。これに関する助けがあれば大いに感謝します。
'.scr'は' .src' – ASDFGerte
に変更してください。 'document.getElementById（" indexPhoto "）.scr'を' document.getElementById（ "indexPhoto"）。src'に変更してください。 –