本文实例讲述了asp.net+xml+flash实现的图片展示效果。分享给大家供大家参考,具体如下:
第一步:首先引入命名空间:(vs08环境中)
using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; using System.Text; //(需要引入的) using System.Xml; //(需要引入的)
第二步:前台页面的使用(需要index.swf文件):
<div align="center" id="qiyeyuangong" style="float:left;" runat="server"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="710" height="625" id="tech" align="middle" > <param name="wmode" value="transparent"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="index.swf?xml_path=slides.xml" /> <param name="quality" value="high" /> <embed src="index.swf?xml_path=slides.xml" quality="high" width="710" height="625" name="tech" align="middle" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </embed> </object> </div>
第三步:生成xml文件方法:
//生成Xml文件 public void xmlGetPic() { //删除slides.xml文件 string fileXml = "slides.xml"; //if (File.Exists(Server.MapPath(fileXml))) //{ // File.Delete(Server.MapPath(fileXml)); //} if (!File.Exists(Server.MapPath(fileXml))) { // Create a new XmlTextWriter instance XmlTextWriter writer = new XmlTextWriter(Server.MapPath("slides.xml"), Encoding.UTF8); // start writing! writer.WriteStartDocument(); writer.WriteStartElement("flash_parameters"); writer.WriteStartElement("preferences"); writer.WriteStartElement("global"); writer.WriteStartElement("basic_property"); writer.WriteAttributeString("movieWidth", "710"); writer.WriteAttributeString("movieHeight", "625"); writer.WriteAttributeString("html_title", "Title"); writer.WriteAttributeString("loadStyle", "Pie"); writer.WriteAttributeString("startAutoPlay", "true"); writer.WriteAttributeString("backgroundColor", "0xffffff"); writer.WriteAttributeString("anvsoftMenu", "false"); writer.WriteAttributeString("hideAdobeMenu", "false"); writer.WriteAttributeString("photoDynamicShow", "true"); writer.WriteAttributeString("enableURL", "true"); writer.WriteAttributeString("transitionArray", ""); writer.WriteEndElement(); writer.WriteStartElement("title_property"); writer.WriteAttributeString("photoTitle", "false"); writer.WriteAttributeString("photoTitleX", "5"); writer.WriteAttributeString("photoTitleY", "5"); writer.WriteAttributeString("photoTitleSize", "15"); writer.WriteAttributeString("photoTitleFont", "Verdana"); writer.WriteAttributeString("photoTitleColor", "0xffffff"); writer.WriteEndElement(); writer.WriteStartElement("music_property"); writer.WriteAttributeString("path", ""); writer.WriteAttributeString("stream", "true"); writer.WriteAttributeString("loop", "true"); writer.WriteEndElement(); writer.WriteStartElement("photo_property"); writer.WriteAttributeString("topPadding", "0"); writer.WriteAttributeString("bottomPadding", "65"); writer.WriteAttributeString("leftPadding", "0");//定义显示的图片距离flash左边的距离 writer.WriteAttributeString("rightPadding", "0");//定义显示的图片距离flash右边的距离 writer.WriteEndElement(); writer.WriteStartElement("frame_property"); writer.WriteAttributeString("frameColor", "0x000000"); writer.WriteEndElement(); writer.WriteStartElement("properties"); writer.WriteAttributeString("enable", "true"); writer.WriteAttributeString("backgroundColor", "0xffffff"); writer.WriteAttributeString("backgroundAlpha", "50"); writer.WriteAttributeString("cssText", "a:link{text-decoration: underline;} a:hover{color:#ff0000; text-decoration: none;} a:active{color:#0000ff;text-decoration: none;} .blue {color:#0000ff; font-size:15px; font-style:italic; text-decoration: underline;} .body{color:#ff5500;font-size:20px;}"); writer.WriteAttributeString("align", "bottom"); writer.WriteEndElement(); writer.WriteEndElement(); writer.WriteStartElement("thumbnail"); writer.WriteStartElement("basic_property"); writer.WriteAttributeString("backgroundColor", "0x3c3c3c"); writer.WriteAttributeString("buttonColor", "0x000000"); writer.WriteAttributeString("borderColor", "0xb3b3b3"); writer.WriteEndElement(); writer.WriteEndElement(); writer.WriteEndElement(); int intCount = gs.allQiYeFCInfo().Tables[0].Rows.Count; string strOldImg; string strNewImg; string strTitle; string strFCXxms; if (intCount == 0) { qiyeyuangong.Visible = false; } if (intCount > 0) { writer.WriteStartElement("album"); for (int i = 0; i < intCount; i++) { strOldImg = gs.allQiYeFCInfo().Tables[0].Rows[i]["fcimagepath"].ToString().Replace("~/", ""); strNewImg = gs.allQiYeFCInfo().Tables[0].Rows[i]["fcnewimage"].ToString().Replace("~/", ""); strTitle = gs.allQiYeFCInfo().Tables[0].Rows[i]["fctitle"].ToString(); strFCXxms = gs.allQiYeFCInfo().Tables[0].Rows[i]["fcxxms"].ToString(); writer.WriteStartElement("slide"); writer.WriteAttributeString("jpegURL", strNewImg);//小图片地址 writer.WriteAttributeString("d_URL", strOldImg);//大图片地址 writer.WriteAttributeString("transition", "0"); writer.WriteAttributeString("panzoom", "1"); writer.WriteAttributeString("URLTarget", "0"); writer.WriteAttributeString("phototime", "5");//定义图片切换的速度,数字越大,切换速度越慢 writer.WriteAttributeString("url", ""); writer.WriteAttributeString("title", "Xxjpm2C000801_20080809_MVPFN1A001"); writer.WriteAttributeString("width", "710"); writer.WriteAttributeString("height", "625"); writer.WriteCData(" 【" + strTitle + "】" + strFCXxms);//显示每张图片的说明信息 writer.WriteEndElement(); } writer.WriteEndElement(); } writer.WriteEndElement(); writer.WriteEndDocument(); writer.Close(); } }
效果如下图所示:
更多关于asp.net相关内容感兴趣的读者可查看本站专题:《asp.net操作json技巧总结》、《asp.net字符串操作技巧汇总》、《asp.net操作XML技巧总结》、《asp.net文件操作技巧汇总》、《asp.net ajax技巧总结专题》及《asp.net缓存操作技巧总结》。
希望本文所述对大家asp.net程序设计有所帮助。
本文向大家介绍JS实现图片高亮展示效果实例,包括了JS实现图片高亮展示效果实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现图片高亮展示效果的方法。分享给大家供大家参考,具体如下: 昨天朋友让我帮着做个图片高亮展示的效果,虽然不难,不过满有创意的: 刚开始因为没有完全明白设计意图,阴差阳错的做了个这样的效果: 希望本文所述对大家JavaScript程序设计有所帮助。
本文向大家介绍jQuery实现的小图列表,大图展示效果幻灯片示例,包括了jQuery实现的小图列表,大图展示效果幻灯片示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现的小图列表,大图展示效果幻灯片。分享给大家供大家参考,具体如下: 运行效果图如下: 全部代码如下所示: 更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery切换特效与技巧总结》、《jQue
本文向大家介绍android实现点击图片全屏展示效果,包括了android实现点击图片全屏展示效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了android实现点击图片全屏展示的具体代码,供大家参考,具体内容如下 MainActivity: 布局文件: style: 效果图: 没点击: 点击后: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
实现如图效果
本文向大家介绍jQuery实现点击图片翻页展示效果的方法,包括了jQuery实现点击图片翻页展示效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现点击图片翻页展示效果的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。
本文向大家介绍jQuery实现图片渐入渐出切换展示效果,包括了jQuery实现图片渐入渐出切换展示效果的使用技巧和注意事项,需要的朋友参考一下 在这之前我们先看看我们要做的效果是什么样的: 我们要图片在过“一定时间”后自动切换,在右下角处有小方块似数字1,2,3,4,这些数字是根据图片的个数自动出现的,当鼠标经过的时候数字颜色有一定的变化; 下面我们来看看具体怎么实现。 第一步:先写简单的html