从其他页面获取图像源

时间:2013-08-09 12:14:41

标签: html image cross-domain

我有PAGE-1和PAGE-2

在PAGE-1上我希望拥有和使用类似于PAGE-2上的源链接的图像(在特定域或特定订单图像上)

<img src="*source of a particular image on PAGE-2*" />

这怎么可能?谢谢!

2 个答案:

答案 0 :(得分:0)

您需要获取图像的绝对URL以在src中使用,如此

<img src="http://192.***.*.**/xyz/abc/myImage.gif"> 

答案 1 :(得分:0)

如果我理解正确,你基本上想要在PAGE-X中编号为动态。

假设您有2页,PAGE-1.html和PAGE-2.html :(两者都有相同的内容,当然您可以稍后编辑)

<script src="js.js"></script>

<body onload="page()">
    <div id="container"></div>
</body>

两者都链接到相同的源文件js.js

function page(){
url = window.location.pathname;
filename = url.substring(url.lastIndexOf('/')+1);
document.getElementById('container').innerHTML = '<img src="images/' + filename + '.png">';
}

你有2张图片与PAGE-1.html和PAGE-2.html相同,但扩展名为.png。因此,这两个图像都称为PAGE-1.html.pngPAGE-2.html.png

每当加载PAGE-1.html时,它会自动调用PAGE-1.html.png,因为名称相同。同样适用于PAGE-2.html,它将加载PAGE-2.html.png。因此,如果您需要更多页面,例如PAGE-3.htm l,PAGE-4.html等,只需将相同的图片名称添加到图片来源,例如PAGE-3.html.pngPAGE-4.html.png