使用Javascript进行幻灯片放映

时间:2008-11-04 05:59:05

标签: javascript image slideshow href

我有一个使用javascript的幻灯片放映,其中图像显示来自另一台服务器(远程服务器)。我必须显示来自另一台服务器的图像,问题是当我设置“Img”html标签的“src”属性时,它会将我的服务器localhost路径附加到“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>

1 个答案:

答案 0 :(得分:2)

在.src属性中使用绝对路径时,应该没有问题。

请务必格式化图片网址,以** http://**myremotesite.com/image.jpg开头。