asp.net 如何实现图片切换.就象这个网站上的那样http://www.liyuan.gov.cn/default.htm

Question

asp.net 如何实现图片切换.就象这个网站上的那样http://www.liyuan.gov.cn/default.htm

Answer 1

/// <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;
    }
}

Answer 2

下面是完整代码，包括无记录和图片不存在的判断 (我是从网上找的.但是总是报前台说url在类和命名空间中不存在)
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"> 
<!-- 
    <%=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> 

Answer 3

imgUrl1="/UserFiles/2008-6/6/2008669552370.jpg"; 
imgtext1="区人大代表视察我镇食品卫生情况" 
imgLink1=escape("/article.asp?articleid=1122"); 
imgUrl2="/UserFiles/2008-6/5/200865213748489.jpg"; 
imgtext2="梨园招商宣传片" 
imgLink2=escape("/article.asp?articleid=44"); 
imgUrl3="/UserFiles/2007-12/4/200712418737349.jpg"; 
imgtext3="方便交通" 
imgLink3=escape("/article.asp?articleid=51"); 
imgUrl4="/UserFiles/2007-12/4/200712418138755.jpg"; 
imgtext4="飞翔" 
imgLink4=escape("/article.asp?articleid=50"); 
imgUrl5="/UserFiles/2008-5/22/200852215447570.jpg"; 
imgtext5="抗震救灾，众志成城！" 
imgLink5=escape("/article.asp?articleid=48"); 
imgUrl6="/UserFiles/2007-12/4/20071241764514.jpg"; 
imgtext6="学习十七大精神" 
imgLink6=escape("/article.asp?articleid=46");  var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5+"|"+imgUrl6
 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5+"|"+imgLink6
 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5+"|"+imgtext6
注意如上两段代码，首先从你给的网址中下载pixviewer.swf文件。
然后再.cs文件中public 几个string拼接字符串放到如上2段代码中就行了

Answer 4

楼上的:我说的是asp.net如何实现

Answer 5

哪有这么复杂 这个是js控制的图片切换，不过也用到flash
<script language="javascript">
// 图片新闻
var focus_width=300  //图片宽度
var focus_height=186 //图片高度
var text_height=24   //文字链接区高度
var swf_height = focus_height+text_height //动画高度

var pics='bianhuan/001.jpg|bianhuan/002.jpg|bianhuan/003.jpg'
var links='|||'
var texts='罗玛皇宫洗浴航母罗玛皇宫洗浴航母|七宝购物广场七宝购物广场|澳尔诺家居澳尔诺家居'

document.write('<object ID="focus_flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="news.swf"><param name="quality" value="high"><param name="bgcolor" value="#F5F2ED">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed ID="focus_flash" src="news.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#FFFCF4" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
        </script>
flash下载地址：
http://qingdao.sdnews.com.cn/news.swf

Answer 6

http://blog.csdn.net/chenguang79/archive/2008/05/26/2481328.aspx
这个是我用的，楼主可以看一下

Answer 7

http://www.cnblogs.com/wander/archive/2006/09/19/508648.html昨天看上面的那个贴子,搞了一天没搞定.
还是报错.我想问:除flash\javascript\ajaxpro实现之外,还有什么其它的实同方式.

Answer 8

js实现的....
google哈一大堆..

Answer 9

我也问了这个类似的问题,这是别人的回答,说测试通过了，只是我还没有时间试,你可以去看看.
http://topic.csdn.net/u/20081104/13/6b00b5ae-31b7-4591-adfa-d87eea09c3fd.html