分享一个内容丰富的图片轮播SWF组件

By | 2009/08/11

  经常要用到图片广告幻灯,国外一个很不错的swf组件banner_rotator_3_mx2004.swf

banner_rotator

  演示:http://www.dengor.com/share/banner/

  这个组件的特点就是能展示丰富的文字内容, 右侧栏完全是标题和简要描述,在图片底部还可以有使用很详细的描述. 这些都只要在XML文件中加入就可以,很方便.  缺点是不支持中文.

  banner_rotator_3_mx2004.swf是swf组件

  content.xml是xml配置文件.

 

  content.xml文件代码:

 

 <?xml version="1.0"?>
<content>
    <item Image="banner_images/image1.jpg" Delay="3000" Link="http://www.dengor.com" Headline="Headline-1" Blurb="Blurb-1">
        <copy><![CDATA[<p>1-Item detailed description Item detailed description Item detailed description Item detailed description</p>]]></copy>
    </item>
    <item Image="banner_images/image2.jpg" Delay="3000" Link="http://www.dengor.com" Headline="Headline-2" Blurb="Blurb-2">
        <copy><![CDATA[<p>2-Item detailed description Item detailed description Item detailed description Item detailed description</p>]]></copy>
    </item>
    <item Image="banner_images/image3.jpg" Delay="3000" Link="http://www.dengor.com" Headline="Headline-3" Blurb="Blurb-3">
        <copy><![CDATA[<p>3-Item detailed description Item detailed description Item detailed description Item detailed description</p>]]></copy>
    </item>
    <item Image="banner_images/image4.jpg" Delay="3000" Link="http://www.dengor.com" Headline="Headline-4" Blurb="Blurb-4">
        <copy><![CDATA[<p>4-Item detailed description Item detailed description Item detailed description Item detailed description</p>]]></copy>
    </item>
    <item Image="banner_images/image5.jpg" Delay="3000" Link="http://www.dengor.com" Headline="Headline-5" Blurb="Blurb-5">
        <copy><![CDATA[<p>5-Item detailed description Item detailed description Item detailed description Item detailed description</p>]]></copy>
    </item>
    <item Image="banner_images/image6.jpg" Delay="3000" Link="http://www.dengor.com" Headline="Headline-6" Blurb="Blurb-6">
        <copy><![CDATA[<p>6-Item detailed description Item detailed description Item detailed description Item detailed description</p>]]></copy>
    </item>
</content>
 

 

  很简单,就是每个图片的位置和文字说明,  在调用页面只要插入SWF文件,指定高度和宽度就行了.

 

  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id=scriptmain name=scriptmain codebase="http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=6,0,29,0" width="550" height="300">
    <param name="movie" value="banner_rotator_3_mx2004.swf">
    <param name="quality" value="high">
    <param name=scale value=noscale>
    <param name="LOOP" value="false">
    <param name="menu" value="false">
    <param name="wmode" value="transparent">
    <embed src="banner_rotator_3_mx2004.swf" width="550" height="300" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent"></embed>
  </object>