asp.net+xml+flash实现的图片展示效果示例

本文实例讲述了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程序设计有所帮助。

(0)

相关推荐

  • 通过ASP.net实现flash对数据库的访问

    环境:adobe flash CS4,VS2008 , Access2003 实现步骤: 1.创建ASP.net页面 testCommunicateWithFlash.aspx,将页面body里面的内容删除,在后台写代码,用于检索数据库,生成类似一下的内容,例如: xqdbnum=15&xqdbfcnum=5&xqdbjrnum=5&xqdbxdnum=5&xqdbrzj=1250000&xqdbzrnum=2 这段内容在flash中会解析为六个变量,前面为变量名,

  • asp.net ext treepanel 动态加载XML的实现方法

    解决办法:写一个aspx页面, 在aspx 页面只留下这一句  复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Data.aspx.cs" Inherits="Data" %> cs文件如下: public partial class Data : System.Web.UI.Page { protected void Page_

  • flash与asp/php/asp.net通信的方法第1/3页

    一.使用loadVariables 一个例子简单的描述了如何通过GET方法向服务器端的ASP发送请求: 复制代码 代码如下: _root. pushAction = function(URL,) {      this.loadVariables(URL, "GET");  }  var ask = true;  var pushURL = "http://localhost/test/return.asp?ask="+ ask;  pushAction (push

  • asp.net xml序列化与反序列化第1/2页

    在网上找了一些关于xml序列化与反序列化的资料,摘录下:        在.NET下有一种技术叫做对象序列化,它可以将对象序列化为二进制文件.XML文件.SOAP文件,这样, 使用经过序列化的流进行传输效率就得到了大大的提升. 在.NET中提供了两种序列化:二进制序列化.XML和SOAP序列化.对于WEB应用来说,用得最多的是第二种---XML和SOAP序列化. XML 序列化将对象的公共字段和属性或者方法的参数和返回值转换(序列化)为符合特定 XML 架构定义 语言 (XSD) 文档的 XML

  • ASP.NET读取XML文件4种方法分析

    方法一 :使用XML控件 代码 复制代码 代码如下: <% @ Page Language="C#"%> <html> <body> <h3><font face="Verdana">读取XML方法一</font></h3> <from runat=server> <asp:Xml id="xml1" DocumentSource="g

  • 在ASP.NET中插入flash代码实例

    在需要插入Flash的地方插入以下代码: 复制代码 代码如下: <OBJECT codeBase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"         classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">        <PARAM NAME="_cx

  • 在asp.net(C#)中采用自定义标签和XML、XSL显示数据

    标签定义 复制代码 代码如下: public class Encoding { public string Encode(string cSource) { return System.Web.HttpUtility.HtmlEncode(cSource); } } public class EmList : Label { public override bool EnableViewState { get{ return false;} } public string XslFile{get

  • Asp.Net+XML操作基类(修改,删除,新增,创建)第1/2页

    /**********************************************************************************  *   * 功能说明:XML处理基类  * 作者: 刘功勋;  * 版本:V0.1(C#2.0);时间:2006-12-13  *   * *******************************************************************************/ using System;

  • asp.net+xml+flash实现的图片展示效果示例

    本文实例讲述了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; usin

  • 基于jquery的手风琴图片展示效果实现方法

    本文实例讲述了基于jquery的手风琴图片展示效果实现方法.分享给大家供大家参考.具体实现方法如下: 代码运行效果如下图所示: index.html页面代码如下: 复制代码 代码如下: <!DOCTYPE html> <html class=''> <head>     <title>一款基于jquery的手风琴图片展示效果demo</title>     <style class="cp-pen-styles">

  • jquery 简单的图片展示效果

    jquery练习--简单的图片结果展示效果--cnblogs libsource/ #cfoot ul,#cfoot li{ margin:0;padding:0;list-style-type:none; } #cdiv{ width:500px;height:500px;line-height:500px;text-align:center;border:1px solid #D5DDF9;margin:30px;float:left; } #cfoot li{ display:inline

  • Jquery 焦点图 用于图片展示效果代码

    效果图如下所示: 演示代码: Jquery图片展示焦点图 *{ margin:0px; padding:0px; list-style:none; border:0px;} body{ font-size:12px; color:white;} #imageShow{ position:relative; width:586px; height:150px; z-index:1; overflow:hidden;} #imageShow #imageSwitch{ position:absolu

  • 微信小程序实现图片滚动效果示例

    本文实例讲述了微信小程序实现图片滚动效果.分享给大家供大家参考,具体如下: 效果:左右滑动可以切换展示图片 代码: <!--pages/test/test.wxml--> <!-- 组件 --> <swiper> <swiper-item wx:for="{{imgUrls}}"> <image src='{{item}}' width="335" height="150" mode='wid

  • 基于jQuery插件jqzoom实现的图片放大镜效果示例

    本文实例讲述了基于jQuery插件jqzoom实现的图片放大镜效果.分享给大家供大家参考,具体如下: jqzoom插件实现图片放大镜效果. 图1.1jqzoom插件实现图片放大镜效果 1.引入jqurty和jqzoom插件 <script src="/js/common/jquery-1.6.2.js" type="text/javascript"></script> <script src="/js/common/jquer

  • Python3实现的画图及加载图片动画效果示例

    本文实例讲述了Python3实现的画图及加载图片动画效果.分享给大家供大家参考,具体如下: #__*__coding:utf-8__*__ #python3 import time from tkinter import * def moveImage(event):#图片logo.gif的移动要绑定的函数 if event.keysym=='Up': canvas.move(1,0,-3)#移动ID为1的事物,使得横坐标加0,纵坐标减3 elif event.keysym=='Down': c

  • Android实现轮播图片展示效果

    本文实例为大家分享了Android轮播图片的展示,供大家参考,具体内容如下 实现逻辑 1.创建XML布局文件,使用ViewPager完成轮播图片 2.初始化ViewPager控件,然后为控件设置适配器,创建出来的适配器实现里面的四个方法 3.四个方法分别是getCount isViewFromObject instantiateItem destroyItem 4.在onCreat方法中,加载图片资源,将图片ID存在集合中,使图片能够在页面中显示,(图片之所以能够在页面中显示,是因为在适配器中的

  • js实现3D图片展示效果

    点击左上角的按钮前后切换 效果图: 代码如下: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin:0; padding:0; list-style:none;} ul{ width:300px; height:300px; margin:100px auto; positi

  • 图片展示效果 鼠标经过变大图,支持FF

    5 HTML { OVERFLOW: hidden } BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #000; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 815px; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: 230px } #box { BORDER-RIGHT: gray 1px solid;

随机推荐