源码名称:monoslideshow1.32商业版相册提供下载
简洁说明:一个很不错的flash相册展示效果,一个swf文件,由XML控制,组合出
120种以上效果
演示地址:http://iyuer.com/ilank/article.asp?id=174 (2效果)
http://iyuer.com/ilank/article.asp?id=169 人间仙境,七彩云南(flash相册专集)
下载地址:http://ilank.googlecode.com/files/monoslideshow1.32.rar 979kb
内有商业版PDF使用说明书,和两个例子,这个相册有N种效果,需要调节xml参数来设置
更多效果xml 前往
http://www.monoslideshow.com 在线调试参数,下载xml,有不明白下面提问
-------------------------------------------12种效果展示-------------------------------------------------------------
效果一、缩略图在下面
效果二、缩略图在右面
效果三、图片列表模式
效果四、左右移动变化
效果五、图片列表模式2
效果六、清爽白色上下移动
效果七、清爽白色
效果八、图片列表模式3
效果九、图片列表模式4
效果十、可选相册专集模式
效果十一、专集模式相册2
-----------------------------------------使用方法-----------------------------------------------------------------
第一步:把monoslideshow文件夹上传到blog目录中(博客安在哪个目录,就上传到哪个目录)
第二步:PJblog日志中的写法(FCKeditor编辑器唯一写法,效果只支持IE,不支持FF,因为编辑器会过滤掉embed,没办法),代码如下
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="360" width="480" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="monoslideshow/monoslideshow.swf" name="movie" /><!--flash的路径"-->
<param value="high" name="quality" />
<param value="monoslideshow/play_img/" name="base" /> <!--xml路径,默认为"monoslideshow/play_img/",你也可以写成"monoslideshow/play_img-2/"-->
<param value="application/x-shockwave-flash" name="TYPE" />
<param value="#1f1f1f" name="bgcolor" /></object>
★如果是在后台建模块,博客模块代码写法(效果同时支持IE、FF,日志中不能这样写的原因是,编辑器会过滤掉base="monoslideshow/play_img/",这样就不能读取xml)
<embed type="application/x-shockwave-flash" src="monoslideshow/monoslideshow.swf" id="SOmonoSlideshow" name="SOmonoSlideshow" bgcolor="#1f1f1f" quality="high" base="monoslideshow/play_img/" height="360" width="480">
重要说明:
monoslideshow/play_img/monoslideshow.xml 文件里的图片路径请自行更改测试。
monoslideshow/play_img/images/ 里为展示图片
你可以在monoslideshow放两个、三个或更多的play_img(名字自己随便取)文件夹相册,
重要的就只有两个路径,一个flash路径【src="monoslideshow/monoslideshow.swf"】和xml路径【base="monoslideshow/play_img/"】
-------------------------------------------------------------------------------------------------------------------------------
效果2

一个很不错的flash相册展示效果,共有120种以上组合,这是其中1种,由xml控制。
参考网站
http://www.monoslideshow.com 参数超级多,不过设置很简单,你可以前往在线调试参数下载xml。
-----//各种效果详细参数设置----------------------------------------------------------------------------------
PJblog日志中的写法(FCKeditor编辑器唯一写法,效果只支持IE,不支持FF,因为编辑器会过滤掉embed,没办法),代码如下
<object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="360" width="480" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
<param value="monoslideshow/monoslideshow.swf" name="movie" /><!--flash的路径"-->
<param value="high" name="quality" />
<param value="monoslideshow/play_img/" name="base" /> <!--
xml路径,默认为"monoslideshow/play_img/",你也可以写成"monoslideshow/play_img2/"-->
<param value="application/x-shockwave-flash" name="TYPE" />
<param value="#1f1f1f" name="bgcolor" /></object>
只用在monoslideshow里新建一个play_img2文件夹,就可以新建一个新的相册,<param value="monoslideshow/play_img2/" name="base" /> 这个就是xml路径
monoslideshow/play_img2/ ,如果新建了一个play_img3,xml路径就写成param value="monoslideshow/play_img3/" name="base" />
--------------------------------------------------xml参数修改说明-----------------------------------------------------------------------
重要说明:monoslideshow.xml文件要和图片放在同一个文件夹下(例如:play_img下)
1.monoslideshow.xml文件里改xml属性与图片文件名,
例如你要改成这样效果,就打开monoslideshow.xml 把<preferences ...属性内容..... />
改成如下,效果就是“
缩略图在右面”

复制内容到剪贴板
代码:
缩略图在右面<preferences
backgroundColor = "000000"
showLoadingIcon = "false"
viewport = "5,5,388,324"
imageTransition = "leftToRightFadeOutBackwards"
kenBurnsMode = "random"
kenBurnsVariationPercent = "20"
imageInfoAlpha = "0"
imageInfoAlign = "bottomLeft"
imageInfoMarginX = "0"
imageInfoMarginY = "0"
imageInfoWidth = "380"
imageInfoMaxSize = "false"
imageInfoTextAlign = "center"
imageInfoTitleFont = "helvetica"
imageInfoDescriptionFont = "unibody"
imageInfoDescriptionSize = "8"
imageInfoDescriptionMargin = "-2"
thumbnailWindowAlwaysOn = "true"
thumbnailWindowTrack = "false"
thumbnailWindowAlpha = "0"
thumbnailWindowShadowSize = "0"
thumbnailWindowShadowAlpha = "0"
thumbnailWindowLineWidth = "0"
thumbnailWindowAlign = "topRight"
thumbnailWindowRows = "10"
thumbnailWindowColumns = "2"
thumbnailWindowAutoSize = "false"
thumbnailWindowPadding = "5"
thumbnailWindowIconMargin = "12"
thumbnailWindowIconSize = "8"
thumbnailWindowIconSpacing = "8"
thumbnailWindowIconRollOverColor = "C3F011"
thumbnailWindowInfoFont = "helvetica"
thumbnailWindowInfoSize = "8"
thumbnailWidth = "40"
thumbnailHeight = "31"
thumbnailRoundedCorners = "0"
thumbnailSpacing = "1"
thumbnailHoverDistance = "5"
thumbnailHoverShadowSize = "5"
albumWindowAlpha = "100"
albumWindowShadowSize = "0"
albumWindowShadowAlpha = "0"
albumWindowLineWidth = "0"
albumWindowRoundedCorners = "0"
albumWindowIconSpacing = "8"
albumWindowIconSize = "8"
albumWindowIconRollOverColor = "C3F011"
albumWindowInfoFont = "unibody"
albumWindowInfoSize = "8"
albumWidth = "40"
albumHeight = "60"
albumRoundedCorners = "0"
albumSpacing = "1"
albumShadowSize = "0"
albumShadowAlpha = "0"
albumInfoWidth = "120"
albumInfoHeight = "60"
albumInfoMargin = "1"
albumInfoPadding = "2"
albumInfoRoundedCorners = "0"
albumInfoColor = "C3F011"
albumInfoTitleFont = "helvetica"
albumInfoTitleContainsNumber = "false"
albumInfoDescriptionFont = "unibody"
albumInfoDescriptionSize = "8"
albumInfoDescriptionColor = "E4F59E"
controlAlign = "topLeft"
controlRoundedCorners = "0"
controlAlpha = "100"
controlLineWidth = "0"
controlShadowSize = "0"
controlIconRollOverColor = "C3F011"
controlPadding = "5"
controlIconSize = "8"
autoPause = "false"
markFile = ""
markAlign = "topLeft"
markMarginX = "285"
markMarginY = "275"
/>2.monoslideshow.xml文件里改xml属性与图片文件名,
例如你要改成这样效果,就打开monoslideshow.xml 把<preferences ...属性内容..... />
改成如下,效果就是“
清爽白色说明在下”
展示效果:
图片列表效果:

复制内容到剪贴板
代码:
清爽白色说明在下 <preferences
backgroundColor = "F0DE11"
showLoadingIcon = "false"
imageScaleMode = "noScale"
imageTransition = "bottomToTopBlend"
imagePause = "5"
imageInfoColor = "FFFFFF"
imageInfoAlpha = "30"
imageInfoRoundedCorners = "0"
imageInfoAlign = "bottomCenter"
imageInfoTitleColor = "000000"
imageInfoDescriptionColor = "303030"
thumbnailWindowColor = "FFFFFF"
thumbnailWindowAlpha = "100"
thumbnailWindowShadowSize = "0"
thumbnailWindowLineWidth = "0"
thumbnailWindowRoundedCorners = "0"
thumbnailWindowIconColor = "000000"
thumbnailWindowIconDimColor = "CCCCCC"
thumbnailWindowIconRollOverColor = "F0DE11"
thumbnailWindowInfoColor = "000000"
thumbnailRoundedCorners = "0"
thumbnailHoverDistance = "0"
thumbnailHoverShadowSize = "0"
thumbnailHoverBrightnessAdjustment = "32"
albumWindowColor = "FFFFFF"
albumWindowAlpha = "100"
albumWindowShadowSize = "0"
albumWindowLineWidth = "0"
albumWindowRoundedCorners = "0"
albumWindowIconColor = "000000"
albumWindowIconDimColor = "CCCCCC"
albumWindowIconRollOverColor = "F0DE11"
albumWindowInfoColor = "000000"
albumRoundedCorners = "0"
albumSpacing = "2"
albumShadowSize = "0"
albumHoverBrightnessAdjustment = "32"
albumInfoRoundedCorners = "0"
albumInfoColor = "F0DE11"
albumInfoShadowSize = "0"
albumInfoTitleColor = "000000"
albumInfoDescriptionColor = "303030"
controlAlign = "topLeft"
controlMarginX = "5"
controlMarginY = "5"
controlRoundedCorners = "0"
controlAutoHide = "true"
controlColor = "FFFFFF"
controlAlpha = "30"
controlLineWidth = "0"
controlShadowSize = "0"
controlIconColor = "000000"
controlIconRollOverColor = "F0DE11"
controlDelay = "1"
loadingIconBackgroundColor = "FFFFFF"
loadingIconColor = "000000"
loadingIconAlpha = "30"
loadingIconShadowSize = "0"
markFile = ""
markAlign = "bottomLeft"
/>3.monoslideshow.xml文件里改xml属性与图片文件名,
例如你要改成这样效果,就打开monoslideshow.xml 把<preferences ...属性内容..... />
改成如下,效果就是“
左右移动变化”
展示效果:
图片列表效果:

复制内容到剪贴板
代码:
左右移动变化 <preferences
backgroundColor = "000000"
showLoadingIcon = "false"
showImageInfo = "always"
imageScaleMode = "noScale"
imageTransition = "leftToRightFadeOutBackwards"
imageTransitionTime = "0.3"
randomizeImages = "true"
imageInfoAlpha = "100"
imageInfoRoundedCorners = "0"
imageInfoShadowAlpha = "0"
imageInfoAlign = "topRight"
imageInfoMarginX = "8"
imageInfoMarginY = "8"
imageInfoTransitionTime = "0.4"
imageInfoWidth = "107"
imageInfoMaxSize = "false"
imageInfoPadding = "0"
imageInfoTitleSize = "11"
imageInfoTitleColor = "FFD88A"
imageInfoDescriptionSize = "9"
imageInfoDescriptionColor = "FFD88A"
thumbnailBackgroundColor = "FFFFFF"
thumbnailWindowAlpha = "100"
thumbnailWindowShadowSize = "4"
thumbnailWindowShadowAlpha = "35"
thumbnailWindowLineWidth = "0"
thumbnailWindowAutoSize = "false"
thumbnailWindowRoundedCorners = "0"
thumbnailWindowPadding = "7"
thumbnailWindowIconMargin = "5"
thumbnailWindowIconSize = "10"
thumbnailWindowIconSpacing = "8"
thumbnailWindowIconColor = "FFD88A"
thumbnailWindowIconDimColor = "A8A8A8"
thumbnailWindowIconRollOverColor = "E40000"
thumbnailWindowInfoSize = "11"
thumbnailWindowInfoColor = "FFD88A"
thumbnailRoundedCorners = "0"
thumbnailSpacing = "3"
thumbnailShadowAlpha = "0"
thumbnailHoverDistance = "4"
thumbnailHoverShadowSize = "0"
thumbnailHoverBrightnessAdjustment = "75"
albumBackgroundColor = "FFFFFF"
albumWindowAlpha = "100"
albumWindowShadowSize = "4"
albumWindowShadowAlpha = "35"
albumWindowLineWidth = "0"
albumWindowRows = "4"
albumWindowColumns = "1"
albumWindowAutoSize = "false"
albumWindowRoundedCorners = "0"
albumWindowPadding = "7"
albumWindowIconMargin = "5"
albumWindowIconSpacing = "8"
albumWindowIconSize = "10"
albumWindowIconColor = "FFD88A"
albumWindowIconDimColor = "A8A8A8"
albumWindowIconRollOverColor = "E40000"
albumWindowInfoSize = "11"
albumWindowInfoColor = "FFD88A"
albumRoundedCorners = "0"
albumSpacing = "3"
albumShadowSize = "0"
albumShadowAlpha = "0"
albumBrightnessAdjustment = "-75"
albumHoverBrightnessAdjustment = "0"
albumInfoMargin = "1"
albumInfoPadding = "0"
albumInfoRoundedCorners = "0"
albumInfoColor = "FFD88A"
albumInfoAlpha = "100"
albumInfoShadowSize = "0"
albumInfoShadowAlpha = "0"
albumInfoTitleSize = "11"
albumInfoTitleColor = "000000"
albumInfoDescriptionSize = "9"
albumInfoDescriptionColor = "000000"
controlTransitionHorizontal = "false"
controlRoundedCorners = "0"
controlAutoHide = "true"
controlColor = "FFD88A"
controlAlpha = "100"
controlLineWidth = "0"
controlShadowSize = "4"
controlShadowAlpha = "35"
controlIconColor = "000000"
controlIconRollOverColor = "E40000"
controlPadding = "3"
controlIconSize = "10"
controlIconSpacing = "6"
loadingIconAlign = "center"
loadingIconMarginX = "0"
loadingIconMarginY = "0"
loadingIconBackgroundColor = "FFD88A"
loadingIconColor = "000000"
loadingIconAlpha = "100"
loadingIconShadowSize = "4"
loadingIconShadowAlpha = "35"
loadingIconLineWidth = "0"
markFile = ""
markAlign = "topLeft"
markMarginX = "0"
markMarginY = "0"
markTransitionTime = "0"
/>本相册内有完整的使用说明书monoslideshow_manual.pdf,可以参照修改
更多效果xml 前往
http://www.monoslideshow.com 在线调试参数,下载xml
------//end-------------------------------------------------------------------------------------------------------------------------
下载地址:http://ilank.googlecode.com/files/monoslideshow1.32.rar 979kb
内有商业版PDF使用说明书,和两个例子,这个相册有N种效果,需要调节xml参数来设置
更多效果xml 前往http://www.monoslideshow.com 在线调试参数,下载xml,有不明白下面提问
原文网址:
http://iyuer.com/ilank/article.asp?id=174
.
[
本帖最后由 ilank 于 2008-9-13 12:18 编辑 ]