1

別のサーバー(リモートサーバー)から画像が表示される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>
4

1 に答える 1

2

.src 属性で絶対パスを使用する場合、問題はないはずです。

**http://**myremotesite.com/image.jpg で始まる画像 URL の形式を確認してください。

于 2008-11-04T06:05:01.033 に答える