数组中的图像如何在单击时移动到 link(URL)?
How can image in array make to move to link(URL) when it was clicked?
如果我的 html 是:
<div>
<input type="image" id = "mainImg> <br />
</div>
<div>
<input type="image" class = Button src = "buttonImg.jpg" onclick="showImage()">
</div>
我的 javascript 是:
var imgArray = new Array ();
imgArray[0] = "image1.jpg"
imgArray[1] = "image2.jpg"
imgArray[2] = "image3.jpg"
imgArray[3] = "image4.jpg"
imgArray[4] = "image5.jpg"
var linkArray = new Array ();
linkArray[0] = "https://link1.com"
linkArray[1] = "https://link2.com"
linkArray[2] = "https://link3.com"
linkArray[3] = "https://link4.com"
linkArray[4] = "https://link5.com"
function diceCast(){return Math.floor(Math.random()*5);};
function showImage(){
var imgNum = diceCast();
var objImg = document.getElementById("mainImg");
objImg.src = imgArray[imgNum];
}
我想制作:
当我单击 'imgArray[0]' -> 加载新页面(例如 _blank)'linkArray[0]'
我应该和'imgArray[imgNum] = linkArray[linkNum]'一样吗?
那我该怎么办?
或者教我如何使它更紧凑、更容易!
只需更改 showImage
函数即可设置 onclick
属性。
function showImage(){
var imgNum = diceCast();
var objImg = document.getElementById("mainImg");
objImg.src = imgArray[imgNum];
objImg.onclick = ()=>window.open(linkArray[imgNum], '_blank');
}
如果我的 html 是:
<div>
<input type="image" id = "mainImg> <br />
</div>
<div>
<input type="image" class = Button src = "buttonImg.jpg" onclick="showImage()">
</div>
我的 javascript 是:
var imgArray = new Array ();
imgArray[0] = "image1.jpg"
imgArray[1] = "image2.jpg"
imgArray[2] = "image3.jpg"
imgArray[3] = "image4.jpg"
imgArray[4] = "image5.jpg"
var linkArray = new Array ();
linkArray[0] = "https://link1.com"
linkArray[1] = "https://link2.com"
linkArray[2] = "https://link3.com"
linkArray[3] = "https://link4.com"
linkArray[4] = "https://link5.com"
function diceCast(){return Math.floor(Math.random()*5);};
function showImage(){
var imgNum = diceCast();
var objImg = document.getElementById("mainImg");
objImg.src = imgArray[imgNum];
}
我想制作:
当我单击 'imgArray[0]' -> 加载新页面(例如 _blank)'linkArray[0]'
我应该和'imgArray[imgNum] = linkArray[linkNum]'一样吗? 那我该怎么办?
或者教我如何使它更紧凑、更容易!
只需更改 showImage
函数即可设置 onclick
属性。
function showImage(){
var imgNum = diceCast();
var objImg = document.getElementById("mainImg");
objImg.src = imgArray[imgNum];
objImg.onclick = ()=>window.open(linkArray[imgNum], '_blank');
}