图片轮换显示？？？

zyjmib 2008-03-31 05:28:47

下面是我在网上找到的图片轮换显示的代码。现在只有初始的图片和最后一张图能看到。请帮我看看错在哪了？



<img src='<%=url %>' id="img" style="filter: blendTrans(duration=2)" width="240" height="180"/>



var ImgSrc = new Array();

            ImgSrc[0] = '../company/20034/manage/CoPic/200342008-03-31-16-25-3204.jpg';

            

            for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}

            

            var ImgAlt = new Array();

            ImgAlt[0] = 'hhhh';

            

            var ImgSrc = new Array();

            ImgSrc[1] = '../company/20034/manage/CoPic/200342008-03-31-16-25-1601.jpg';

           

            for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}

            

            var ImgAlt = new Array();

            ImgAlt[1] = 'ff';

            

            var ImgSrc = new Array();

            ImgSrc[2] = '../company/20034/manage/CoPic/200342008-03-26-10-21-024.jpg';

            

            for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}

            

            var ImgAlt = new Array();

            ImgAlt[2] = '暂无说明';

            

            var step=0;

            function slideit()

            {

                var oImg = document.getElementById("img");

                

                if (document.all)

                {oImg.filters.blendTrans.apply();}

                

                oImg.src=ImgSrc[step];

                

                oImg.title=ImgAlt[step];

                

                if (document.all)

                {oImg.filters.blendTrans.play();}

                

                step = (step<(ImgSrc.length-1))?(step+1):0;

                (new Image()).src = ImgSrc[step];//加载下一个图片

            }

            setInterval("slideit()",1000);

...全文

487 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

zyjmib 2008-04-01

打赏
举报

下面是完整代码，包括无记录和图片不存在的判断
protected void Page_Load(object sender, EventArgs e)
{
img_count = 。。。;//取得图片记录数
if (img_count != 0)
{
url = 。。。.ToString();

if (File.Exists(MapPath(url)) == true)
{
url = 。。。;

//this.LoadImage();
}
else
{
url = "../manage/Uploads/wutu.gif";
}
}
else
{
url = "../manage/Uploads/wutu.gif";
}
}

/// <summary>
/// 图片轮换
/// </summary>
/// <returns>前台页面js脚本</returns>
protected string LoadImage()
{
string img = "";//用于加载图片路径、信息的js脚本
string _url = "";//图片路径

if (img_count > 1)
{
img += "var ImgAlt = new Array();";//定义“鼠标放上去显示的文字”的js数组
img += "var ImgSrc = new Array();";//定义“图片地址”的js数组

for (int m = 0; m < img_count; m++)
{
_url = 。。。.ToString();//数据库中用于显示的图片路径
if (File.Exists(MapPath(_url)) == true)//判断图片是否存在
{
img += "ImgSrc[" + m + "] = " + "'。。。';";//用于显示的图片路径
img += "ImgAlt[" + m + "] = " + "'。。。'" + ";";//数据库中的图片说明，用于鼠标放上去显示的文字

}
else
{
img += "ImgSrc[" + m + "] = " + "'../manage/Uploads/wutu.gif';";//用于显示的图片路径
img += "ImgAlt[" + m + "] = " + "'暂无图片'" + ";";//数据库中的图片说明，用于鼠标放上去显示的文字

}

}
img += "for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}";//预加载图片

return img;
}
else
{
return "";
}
}
前台页面
<img src='<%=url %>' id="img" style="filter: blendTrans(duration=2)" width="240"
height="180" />
<script type="text/javascript">

</script>

zyjmib 2008-04-01

打赏
举报

我按照“siyee”的写法搞好了。

/// <summary>

    /// 图片轮换

    /// </summary>

    /// <returns>前台页面js脚本</returns>

    protected string LoadImage()

    {

        string img = "";//用于加载图片路径、信息的js脚本

        string _url = "";



        img += "var ImgAlt = new Array();";//定义“鼠标放上去显示的文字”的js数组 

        img += "var ImgSrc = new Array();";//定义“图片地址”的js数组 



        for (int m = 0; m < 。。。.Rows.Count; m++)

        {

            _url = 。。。;//数据库中用于显示的图片路径



            img += "ImgSrc[" + m + "] = " + "'。。。 + "';";//用于显示的图片路径

            img += "ImgAlt[" + m + "] = " + "'" + 。。。+ "'" + ";";//数据库中的图片说明，用于鼠标放上去显示的文字



        }

        img += "for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}";//预加载图片



        return img;

    }

}

前台页面

<img src='。。。' id="img" style="filter: blendTrans(duration=2)" width="240"

 height="180" />

<script type="text/javascript">

<!--

    <%=LoadImage()%>//加载后台生成js脚本，包含图片信息。

    

    var step=0;

    function slideit()

    {

        var oImg = document.getElementById("img");

        

        if (document.all)

        {oImg.filters.blendTrans.apply();}

        

        oImg.src=ImgSrc[step];

        

        oImg.title=ImgAlt[step];

        

        if (document.all)

        {oImg.filters.blendTrans.play();}

        

        step = (step<(ImgSrc.length-1))?(step+1):0;

        (new Image()).src = ImgSrc[step];//加载下一个图片

    }

    setInterval("slideit()",3000);

//-->

</script>

原先看到的资料在这里
http://singlepine.cnblogs.com/articles/253396.html
在此对“小山”表示感谢。

zyjmib 2008-03-31

打赏
举报

图片是动态加载的，我发的代码就是页面的源文件。

snlixing 2008-03-31

打赏
举报

你看一下网页生成的源文件

查看-〉源文件

看看就知道了

siyee 2008-03-31

打赏
举报





<img src='<%=url %>' id="img" style="filter: blendTrans(duration=2)" width="240" height="180"/>



var ImgSrc = new Array();

ImgSrc[0] = '../company/20034/manage/CoPic/200342008-03-31-16-25-3204.jpg';

ImgSrc[1] = '../company/20034/manage/CoPic/200342008-03-31-16-25-1601.jpg';

ImgSrc[2] = '../company/20034/manage/CoPic/200342008-03-26-10-21-024.jpg';



var ImgAlt = new Array();

ImgAlt[0] = 'hhhh';

ImgAlt[1] = 'ff';

ImgAlt[2] = '暂无说明';

                        

            var step=0;

            function slideit()

            {

                var oImg = document.getElementById("img");

                

                if (document.all)

                {oImg.filters.blendTrans.apply();}

                

                oImg.src=ImgSrc[step];

                

                oImg.title=ImgAlt[step];

                

                if (document.all)

                {oImg.filters.blendTrans.play();}

                

                step = (step<(ImgSrc.length-1))?(step+1):0;

                (new Image()).src = ImgSrc[step];//加载下一个图片

            }

            setInterval("slideit()",1000);