图片切换效果

最新推荐文章于 2022-02-20 19:30:59 发布

huangbomeizi

最新推荐文章于 2022-02-20 19:30:59 发布

阅读量511

点赞数

分类专栏： .NET技术 JavaScript 文章标签： image server div

本文链接：https://blog.csdn.net/huangbomeizi/article/details/4285002

版权

.NET技术同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

JavaScript

23 篇文章 0 订阅

订阅专栏

在页面添加如下代码

后台加载如下：

/***************图片切换新闻*********************/
    private void ImageNewsLoad()
    {
       //得到图片列表
        DataRecordTable drt = new ImageNewsBusiness().GetList("orderBy", "desc", 1, 10,"");
        StringBuilder js = new StringBuilder();
        js.Append("<script type='text/javascript'>");
        js.Append("var sp=new SwitchPic('tt');");
        js.Append("sp.flashPath='switchPic.swf';");
        js.Append("sp.picFolder='Upload/ImageNews/';");
        foreach (DataRow row in drt.Table.Rows)
        {

           //基本如下格式：js.Append("sp.addPic()");
            js.Append("sp.addPic('" + row["image"].ToString() + "','image" + row["imageNewsId"].ToString() + ".html','" + WebFormHandler.CutString(row["title"].ToString(),36) + "');");
        }
        js.Append("sp.show();");
        js.Append("</script>");
        ImageNews.InnerHtml = js.ToString();
    }

需要在页面的同目录下switchPic.swf,在页面引入switchPic.js,由于这个地方不能上传文件，所以这两个文件有需要的朋友可以联系我