別のサーバー(リモートサーバー)から画像が表示されるJavaScriptを使用したスライドショーがあります。別のサーバーからの画像を表示する必要があります。問題は、「Img」htmlタグの「src」プロパティを設定すると、サーバーのローカルホストパスが「http:\ mysitehost.com \ myremoresite.com\image1.jpg」として追加されることです。ここで、私の画像パスは「http:\ myremotesite.com\image1.jpg」です。画像パスから自分のサイトのURL「mysitehost.com」を削除する方法を教えてもらえますか。以下は私のJavaScriptです。
<script language="javascript" type="text/javascript">
var width = 283;
var height = 183;
var imgAr1 = new Array();
var rImg1 = new Array();
imgAr1[0] ='<%=url1%>'; // images comes from database with full imagepath like "http:remotesite.com\image.jpg"
imgAr1[1] = '<%= url1%>';
imgAr1[2] = '<%= url2%>';
imgAr1[3] = '<%= url3%>';
imgAr1[4] = '<%= url4%>';
imgAr1[5] = '<%= url5%>'; </script>
//to run slideshow
<script language="javascript" type="text/javascript">
//for(var j = 0; j < imgAr1.length; j++)
//{
// rImg1[j] = new Image();
// rImg1[j].src = imgAr1[j];
// alert(rImg1[j].src);
//}
document.onload = setting();
var slide;
function setting()
{
slide = document.getElementById('pic');
slide.setAttribute("src", imgAr1[0] );
slide.setAttribute("width",width);
slide.setAttribute("height",height);
setTimeout("", 5000);
slideshow();
}
//Image or picture slide show using java script
//slideshow function
var picture = 0;
function slideshow(){
if(picture < imgAr1.length-1){
picture=picture+1;
// slide.src = imgAr1[picture];
slide.setAttribute("src", imgAr1[picture]);
//alert(slide.src);
setTimeout("slideshow()", 5000);
}
else
{
picture = -1;
setTimeout("slideshow()", 5000);
}
}
</script>
//ASPX code
<div>
<img id="pic" border="0" style="z-index: 100" alt="Property Photo" title="Property Photo"/>
</div>