登录 注册

登录

问题 SlideShowPro - 远不止是相册

更多
2008年02月27日 22:17 #1 作者: ibelwang
原文发表于:World of CC http://www.wowice.com/


Joomla作为一个开源的CMS系统,其自身并不乏各种优秀的相册组件。SlidesShowPro(以下简称为SSP)作为独立的Flash相册自问世后便一直被各种知名模板站大力推荐,并先后曾出现在Rockettheme的BentoBox模板中、Joomlart的JA Avian等模板中。



本站也试用过SSP,Blog首页上的网页设计作品集便是它的杰作。

简单来说,SSP之所以这么受人追捧以至于几乎完全压制了其他Flash相册组件,其原因不外乎这么几个:功能全面,界面美观,上手不难(这需要建立在已安装了slideshowpro director的基础上,否则就得自己编辑XML文档了)。这么说很容易给人种“啊,不过如此嘛”的感觉,那么我们就结合下载、安装、使用、实例的步骤来介绍一下SSP吧:

下载SSP与SSPD

首先从本站下载解压SlideShowPro 1. 5.3,得到两份PDF格式的使用文档和一个Mxp文件。mxp是作用于Flash的扩展包,需要提前安装Flash和Extension Manager(Adobe官方出品用以管理插件扩展的免费工具),这里就不详解了。

然后是SlideShowPro Director 1.0.7&1.0.9.9升级文件,这是SSP官方发布的工具,用来在网络上制作、发布SSP Flash相册,当然如果你坚持自己手动编辑XML文档也可以达到同样效果,但是非常麻烦……不推荐。下载后请自行安装到自己的网络空间上。

下载SlideShowPro v.1.5.3与SlideShowPro Director
http://www.wowice.com/content/view/159/1/


在Flash中编辑、导出SSP

安装了slideshowpro_153.mxp后,启动你的Flash,从菜单栏里选择“窗口”,然后显示“组件”、“组件检查器”。在组件栏里找到SSP并激活,会在你的编辑窗口里出现默认的SSP窗口,同时,你也应该可以在组件检查器里找到如下图所示的SSP具体参数框。



结合压缩包里的SSP_User_Guide.pdf来看,很容易就能弄懂这些选项的意思,SSP的可定制性还算是比较强的。

此外,在组件参数栏的最下面你会看到XML File Path的参数,这是链接到SSPD生成的xml文件的,没有这个文件SSP就不能正常使用。在下面的部分里我会解释如何利用SSPD生成xml相册文件。

SSPD界面、功能解说

请参见下图:



序号1处显示现有的相册名称、相册缩略图、相册内图片数量,以及相册激活、编辑相册和删除相册的按钮。

Add an album:新增相册,输入相册名后确认即可。

Make active:激活相册,使其可以生成xml文件并被Flash引用,显示在网络上。

Make inactive:关闭相册,使其仅能在后台供你编辑。

注意:没有被激活的相册不仅不能显示在网络上,也不能被编辑进Galleries模式。

序号2处显示现有的相册集,以及他们的路径。相册集即是将多个相册整合到一个SSP文件中。就好像Blog首页上SSP相册里的“完美国际”和“赤壁”相册一样。



现在假设我们新建了一个相册,那么点击Edit进入相册编辑界面吧。接下来会有几个选项卡,他们的作用是:

Edit info:编辑相册的名字和简介。

Generate content:设置图片的显示大小和缩略图大小。显示大小是指出现在SSP里的大小,如果你上传的照片尺寸是1000×1000,那么你可以在这里设置为500×500,不会影响到你的原图。缩略图也是一样,SSPD会自动剪裁并另外存放。

Upload content:上传你的照片,可以批量上传。

Edit images:编辑照片。当你上传完毕后,点击缩略图上的编辑图标会出现输入框让你填写当前照片的属性。Title是照片的标题,可以选择不显示;Link是该照片的链接(假如你想加入链接的话);Caption则是该照片的说明文字,也是可以选择不显示的。

Audio:该相册的背景音乐路径。

那么,你现在将自己的照片上传、编辑完毕了。看见选项卡上方的Direct XML Link了吗?后面显示的xml文件路径就是你要在SSP组件参数里xml栏中输入的东西了。

输入Xml路径,参数调整完毕后,在Flash里按Ctrl+Enter键预览并生成SSP Flash文件,这就是你的SSP相册了。

欢迎访问World of CC——专注于网页设计、Joomla应用与游戏评论。
http://www.wowice.com/

登录 或者   注册一个会员帐号 来参与讨论

更多
2008年02月27日 22:23 #2 作者: ibelwang
附录在Joomla文章或模块里插入SSP Flash文件代码,已在IE6、IE7、Firefox下测试通过:
<embed wmode="transparent" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
quality="high" 
height="000" width="000" 
src="http://yoursite/yooslideshow.swf"></embed>

欢迎访问World of CC——专注于网页设计、Joomla应用与游戏评论。
http://www.wowice.com/

登录 或者   注册一个会员帐号 来参与讨论

更多
2008年02月28日 07:58 #3 作者: Joomla之门
原来我一直担心 SSP 怎么与 Joomla! 来整合,竟然是一个 embed 语句就解决了。强!

如此看来,SSP 最终的产品就是一个 .swf 文件?那么,这个文件的名称和路径应该可以随意更改,我想这样更有利于网站安全。

感谢 ibelwang 的分享!

最后请教一下:如果照片很多,这个 .swf 文件会不会很大?如果有 10MB 以上,会不会出现载入很慢?

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2008年02月28日 08:20 #4 作者: ibelwang
不会,swf文件始终只有37K,载入的速度是由单张照片(用户当前浏览的那张)大小来决定的。

欢迎访问World of CC——专注于网页设计、Joomla应用与游戏评论。
http://www.wowice.com/

登录 或者   注册一个会员帐号 来参与讨论

更多
2008年02月28日 08:27 #5 作者: Joomla之门
那就是说,照片是单独存放在另一个目录的。那么这个目录就必须要保护起来,否则别人可以通过 Direct URL 访问到。

保护的方法也很简单:在里面放一个空白的 index.html 即可。

付费下载 Joomla 3 扩展汉化版: 我要付费支持 Joomla 之门!

登录 或者   注册一个会员帐号 来参与讨论

更多
2009年04月29日 17:10 #6 作者: yooyooh
图挂了,有机会使用下这个东西。

Every man dies, Not every man really lives.

登录 或者   注册一个会员帐号 来参与讨论

更多
2009年04月29日 21:48 - 2009年04月29日 23:13 #7 作者: Pooh
我刚在92an又发现了一个类似功能的ProJoom Multi Rotator,这个好像更适合于做广告模块,这个是joomla标准模块和插件。
大家可以研究测试一下,我安装完毕后,发不到前台已经显示为swf文件了,后台可以设置很多张图片和显示效果。
下载试用:
http://rapidshare.com/files/226970934/projoom_multi_rotator_v1.2.2.zip

如果需要,请版主随时移动或删除。
最后修改: 2009年04月29日 23:13 由 .

登录 或者   注册一个会员帐号 来参与讨论

更多
2009年06月05日 19:00 #8 作者: MisterZou

我刚在92an又发现了一个类似功能的ProJoom Multi Rotator,这个好像更适合于做广告模块,这个是joomla标准模块和插件。
大家可以研究测试一下,我安装完毕后,发不到前台已经显示为swf文件了,后台可以设置很多张图片和显示效果。
下载试用:
http://rapidshare.com/files/226970934/projoom_multi_rotator_v1.2.2.zip

如果需要,请版主随时移动或删除。


这个是个好东西.
谢谢Pooh的分享!

登录 或者   注册一个会员帐号 来参与讨论