1

助けが必要です。画像で埋める必要がある 2 つの div があります。div 1 の画像は div 2 に対応する必要があるため、画像をランダムにすることはできません。私は遊んでいて、JavaScriptをこの時点まで機能させることができました。問題は、div を画像で埋めるのではなく、div の背景に書き込むスクリプトが必要なことです。

<script>
var random = Math.random();
function random_imglink(arr){
var ry = Math.floor(random*arr.length);
document.write(
'<img src="'+arr[ry]+'" border=0 class="two">'
);
}
var myimages = [
"img1.jpg", "img2.jpg","img3.jpg"
 ],
myimagesA = [
"img1b.jpg","img2b.jpg","img3b.jpg"];

</script>
<div><script>random_imglink(myimages);</script> </div>

<DIV><script>random_imglink(myimagesA);</script></div>
4

3 に答える 3

1

あなたのコードはかなりのオーバーホールが必要でした。修正後は次のようになります。

<div id='a'>A</div>

<div id='b'>B</div>​
<script>
var random = Math.random();
function random_imglink(arr, id){
    var ry = Math.floor(random*arr.length);
    document.getElementById(id).style.backgroundImage = "url('" + arr[ry] + "')";
}
var myimages = [
    "http://img1.jpg.to"],
    myimagesA = ["http://img1b.jpg.to"];


random_imglink(myimages, 'a');
random_imglink(myimages, 'b');
</script>

デモ

于 2012-08-28T08:13:19.217 に答える
0

現在のコードの可能な限り小さな変更。関数に、画像タグの代わりにスタイル属性を持つdivタグを記述させます。

document.write('<div style="background:url('+arr[ry]+')">');

開始タグが必要な場所にスクリプトを配置します。

<script>random_imglink(myimages);</script> </div>
于 2012-08-28T08:19:11.117 に答える
0

要素の背景として画像を設定するには、これを使用できます。

document.getElementById("myDivId").style.backgroundImage = "url(/path/to/img)";

コードでは、次のようにすることができます。

var random = Math.random();

function random_imglink(divId, arr){
    var ry = Math.floor(random*arr.length);
    document.getElementById(divId).style.backgroundImage = "url(" + arr[ry] + ")";
}

var myimages = ["img1.jpg", "img2.jpg","img3.jpg"],
   myimagesA = ["img1b.jpg","img2b.jpg","img3b.jpg"];

random_imglink("firstDiv", myimages);
random_imglink("secondDiv", myimagesA);

html:

<div id="firstDiv"></div>
<div id="secondDiv"></div>
于 2012-08-28T08:10:24.283 に答える