把链接放在图像/ Javascript上

时间:2014-03-03 11:02:26

标签: javascript html css

我想在每个img上放置链接。请帮助!

<script language="JavaScript">
<!--

/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com) 
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="noveslike/bg1.jpg"
myimages[2]="noveslike/bg2.jpg"
myimages[3]="noveslike/bg3.jpg"

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<img src="'+myimages[ry]+'" border=0>')
}
random_imglink()
//-->
</script>

3 个答案:

答案 0 :(得分:0)

此?

document.write('<a href="' + myImages[ry] + '"><img src="'+myimages[ry]+'" border=0></a>');

我假设你想要链接到你正在展示的图像。

答案 1 :(得分:0)

你可以这样做:

只需在'myimages'数组中为新图像添加一个新对象,例如:

myimages[x] = { src: "imageSource", link: "http://..." };

这种方式也更好,因为它更容易维护图像和链接之间的关系。

<script language="JavaScript">
<!--
/*
Random Image Script- By JavaScript Kit (http://www.javascriptkit.com) 
Over 400+ free JavaScripts here!
Keep this notice intact please
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]= { src: "noveslike/bg1.jpg", link: "http://www.google.com" };
myimages[2]= { src: "noveslike/bg2.jpg", link: "http://www.youtube.com" };
myimages[3]= { src: "noveslike/bg3.jpg", link: "http://www.facebook.com" };

var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
image = myimages[ry];

document.write('<a href="' + image.link + '"><img src="'+ image.src +'" border=0></a>')
}
random_imglink()
//-->
</script>

答案 2 :(得分:0)

请尝试以下代码:

if (ry==0)
ry=1
   document.write('<a href="'+URL+'"><img src="'+myimages[ry]+'"></a>')
}