Question

我的网页底部有一些链接：

我希望每个楼层链接在单独的页面上显示相应的楼层：

基本上，我希望每个链接都预加载图片，这样当您点击2楼链接时，第二层地图已经加载到下一个屏幕上。

我不知道我是否只能使用JavaScript和HTML来做到这一点。任何帮助表示赞赏。谢谢。这是我的代码：

JavaScript的：

function showstuff(boxid){
document.getElementById(boxid).style.display='';

}

function hidestuff(boxid){
document.getElementById(boxid).style.display='none';

}


function pic(DivID,ImageName)
{
document.getElementById(DivID).innerHTML="<img src=/studentcenter/images  /"+ImageName+">";
}

Answer 1

您可以在新窗口中显示图像。然后，如果窗口已经打开，您可以访问它并更改其href。

这是html部分

<img src="http://puu.sh/aQHbz/911cfd78b8.png" onclick = "newImage(this.src)"/>

<img src="http://puu.sh/aQHpR/dd5625150e.jpg" onclick = "newImage(this.src)"/>

这是javascript部分。

var win = false; //window exist variable

function newImage(e){
    if(win.open){
        win.focus() //Focus to map window
        win.location.href=e; //Change to new image
    }else{
        win = open(e, 'example', 'width=300,height=300'); //Open a new window with the image url
    }
}

您可以在fiddle上看到解决方案。

您必须将javascript部分放在头部或图像之前。

从其他页面激活预加载onclick

1 个答案: