dポイントプレゼントキャンペーン実施中！

画像のソースを変える(JavaScript)

解決済

  • 質問者：newtgecko
  • 質問日時：
  • 回答数：1件

<html>
<head>
<script language="javascript">
<!--
function Karasu() {
document.forms[0].elements[0].value = "からす";
}// -->
</script>
</head>

<body onload="Karasu()">
<form>
<input type="text"><br>
</form>
</body>
</html>

ソースの「document.forms[0].elements[0].value」のように画像のソースを書き換えて違う画像を表示させることはできませんか? name属性を使わずにお願いします。

また、他のもっと良い考え方で画像を動的に変更する方法があれば教えてください！

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： fujillin
  • 回答日時：

単純な例



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>sample</title>
<meta http-equiv="Content-Script-Type" content="text/javascript">

<script type="text/javascript">
<!--
window.onload = function(){
var images = "B.jpg,C.jpg,D.jpg,A.jpg".split(",");
var count = -1, n = images.length;

setInterval(function(){
document.getElementsByTagName("img")[0].src = images[++count%n];
}, 2000);
}
//-->
</script>
</head>


<body>
<div>
<img src="A.jpg" alt="test_image">
</div>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます！私は

document.images[n].src　= "変更するソース";

で自己解決することができました！

通報する
お礼日時：2012/09/21 18:17

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報