Imagevue Flash相册使用简单教程[转]

   Imagevue是一款基于普遍应用的PHP和Flash的相册程序,也是我很喜欢的一个相册程序。之前有很多人已经写过或转帖过其功能和使用方法。

   而就在上个月初Imagevue官方发布了Imagevue1.7版进行了升级,其中Sitemenu插件,可以给imageVue相册添加一个flash的导航菜单(具体效果可以看我的相册顶部)。这样imageVue在与其他程序配合使用的时候更加方便(使用方法及注意事项请查阅本篇第3页)。所以我在这里也进行了整理和收集,以方便自己用。

   演示:  http://nuocn.com/gallery
   官方:  http://www.imagevuex.com
   下载Imagevue1.7:
  
下载文件
http://www.nuocn.com/bo-blog/attachment/ImageVue1.7.rar

一、安装要求:

  要运行imageVue,基本上只有一要求:你需要支持PHP的一台服务器。此外,为了能自动建立缩略/预览图像,你的服务器需要GD2扩展。

  如果你的服务器不支持GD2,你仍然能使用imageVue,但是你必须手工建立缩略图。 使用Macromedia fireworks和adobe Imageready的批处理功能可以很方便的做到(缩略图放在图片的同一目录,且名称前加tn_,即01.jpg的缩略图为tn_01.jpg)。
二、功能介绍:

1、 自动生成缩略图 (需GD库)

2、 支持背景音乐,并有相当成熟的流出理能力。

3、 支持POPUP窗口,图片特写。

4、 动态预览窗口

5、 方向键控制

6、 幻灯片功能

7、 在线、本地管理功能

8、 支持语言文件编辑

9、 其他

三、ImageVue的使用提示:

  1、解开压缩包会看到三个目录,documentation是说明文档(英文),source是FLASH模板的源程序,upload才是主程序(由于本站空间有限,所以只打包了主程序,需要源程序的请给我留言),所以只需在虚拟主机建立一个目录,例如photo,然后将压缩包中的upload目录里面的全部文件及目录上传就可以了。upload文件夹中包含一个test子文件夹,运行该文件夹中的index.php可以检测服务器环境(GDtest DIRtest Permissions PHPinfo ),看你的服务器对imageevue的支持度是否良好。该文件夹可以删除。

  2、图片是存放在content位置上的,你可以在上面建立多重目录,菜单会自动生成。文件夹和文件名中间不能带空格,否则无法显示。文件夹不要超过两层,否则显示有问题。原图片建议不要选择过大,要不然载入时间很长,但这也看你的服务器速度,如果快就放原图的好。要养成细分类的习惯,以便以后快速更新。(建议每次上传图片时数量不要超过5个,总大小不要超过1M)

  3、如果需要改变相册的标题,可以修改config.ini文件,将startheading = imageVue Gallery修改为startheading = 你相册的标题(要用英文哦!)

  4、如果你想菜单或提示的文字,可以修改lang.ini。但是它对中文的支持很不好,建议不要更改。

  5、如果想让相册更个性化点,可以替换load.jpg、loadblur.jpg、back.jpg,这三个文件分别是主体图片、动态的主题图片、背景图片。

  6、修改文件属性,把content的属性包括里面的文件都设置为777。

  7、建立管理员密码。你可以对不同的用户为ImageVue的管理设置不同密码。例如,你可以允许一个用户不受限制而其他的用户则被限制到只能访问an imagefolder 或者一个完整的groupfolder。

默认的用法:
$data['password'] = 'path/restriction/here/';
在编辑器中打开passwords.php
$data['guest'] = 'guest';
$data['admin'] = 'content/';

默认的设置包含两个密码,其中guest登录是一项特别的功能,仅仅允许该用户查看管理后台。而admin登录允许访问整个content/ folder。 你只要修改自己喜欢的密码。(注:修改admin,替换成你的密码,admin为默认密码,安装后要记得修改)

  强烈建议更改admin文件夹的名称,以提高安全性。因为进入后台的方法实在太简单了,只要输入密码,而输入guest竟然可以登陆,而修改admin下的password.php 也不是最好的方法,因为知道构造的人很容易下载此文件,用记事本就可以察看密码。

  8、配置ImageVue. 在记事本中打开config.ini,一般情况下用默认的就可以了。后台管理配置请修改adminconfig.ini 关于该文件,说明如下:

mainheadtext = ImageVue Admin //设置管理界面的名称,它出现在左上方//

hidepassword = true //如果设置成true,输入密码时用***掩盖//

serverextension = php //设置服务器教本语言扩展//

extensions = jpg //设置何种格式的文件可以通过上传程序上传//

backgroundimage = back.jpg//设置管理界面左上角的背景图片//

guestlogininfo = true //在登陆处,允许或禁止显示告诉用户可以作为guest用户做限制访问的信息。
如果选择为true,意味着你愿意保留特殊的guest密码在你的password.php文档.如果设置为false,你将清除它//

foldersorting = dd //设置在主菜单输出分类文件夹的方式.影响图片文件夹和组文件夹.dd(时间降序) da(时间升序) na(名称升序) nd(名称降序) rnd(随机显示)

contentfolder = content/ //设置管理员编辑的内容文件夹.也可以通过URL设置。//

imagesorting = na //设置图片列表输出图片的方式。参数和foldersorting相同//

globalpath = //设置管理后台的相对地址或绝对地址//

dropcol = 000000,10 //设置主要内容(main content)的背景(backdrops)颜色和透明度//

startheading = sitename 相册标题

startimage = load.jpg 编辑初始Flash载入图像

swflayer = false 窗口内外挂Flash,填入swf相对路径,在察看图像时会消失。

startfx = true 调用内置的flash效果修饰主窗口,可选值:blur,true ,false

textcol = 34507A 菜单文本颜色

bgcol = EFEFEF 背景颜色

barcol = false 导航巴颜色,此处未定义,故为false

menucol = bgcol,textcol ,导航巴配色,此处设定值表示继承之前设定的颜色,也可选设值:false ,bgcol,textcol ,textcol,bgcol ,[HEX color,HEX color] (注意要设置两个Hex值对应文本和菜单颜色)

backimage = back.jpg ,网页窗口的背景图片

backalign = TL,背景图片对齐方式,可选值:TL (Top Left), T (Top) ,TR (Top Right) ,R (Right) ,BR (Bottom Right), B (Bottom), BL (Bottom Left) ,L (Left) ,M (Middle)

audiopath = mp3/ 设定mp3 播放目录

navigation = 1,1,1,1,1,0,0,导航栏的风格设定,7个值分别对应[nextbutton],[previousbutton],[thumbnails],[motion],[open in popup],[open in blank],[toggle sound FX],1代表yes,0代表no。
imagepopinfo = 1,1,0,0,0,1 鼠标悬浮图像是显示信息设定,六个值分别对应,[clickaction, imagename, imagedimensions, imagesize, imagedate, description]
popdisplay = 1,1,1,1,1,1,POPUP窗口的内容设定,可选值:[ containinswf, name, attributes, description, url, clickimageclose],建议全部选上。
  9、播放mp3音乐。ImageVue支持播放mp3音乐,可以在你一边欣赏图片的同时一边听着动听的歌曲。在ImageVue的安装目录下建立mp3文件夹,放入mp3就可以了。修改congfig.ini的audiopath属性还可以在浏览不同的图片文件夹时听不同的歌曲(不过这点我倒还没弄清楚)。

  10、关于Slideshowimagevueconfig.ini 部分参数设定说明:
maxwidth =false    //自定义图片显示最宽
maxheight = false   //自定义图片显示最高
autoscale = true   //自适应浏览器视窗大小
keepaspect = true   //自适应浏览器视窗大小
interval = 5   //显示秒数
displayimageindex = true   //显示当前的图片张数
displayname = true   //图片名称
displaydescription = false //图片文字描述
descriptionfont = Verdana //文字描述字体
descriptionsize = 13 //文字描述文字大小
scriptioncolor = textcol //文字描述文字顏色
scriptionleading = 2
scriptionalign = left //文字描述文字位置
displayposition = imagetop   //文字显示区域(above、below、left、right、imagetop、imagebottom)

   到这里,config的设定就差不多了,其他的大家慢慢去研究吧,最后还需要注意以下事项:

1、 服务器必须完美支持PHP,并带有GD库,否则更新会有麻烦

2、 文件夹和文件名中间不能带空格,否则无法显示

3、 文件夹不要超过两层,否则显示有问题。

4、 原图片建议不要选择过大,要不然载入时间很长,但这也看你的服务器速度,如果快就放原图的好。

5、 背景MP3最好进行一定的剪辑和压缩,以优化最终效果。

6、 养成细分类的习惯,以便以后快速更新

7、 安全起见最好删除admin文件夹,提高安全性,因为进入后台的方法实在太简单了,只要输入密码,而输入guest竟然可以登陆,而修改admin下的password.php 也不是最好的方法,因为知道构造的人很容易下载此文件,用记事本就可以察看密码。这样做的坏处是你无法在线编辑图片的说明和在线上传,但这可以用官方提供的本地管理工具和FTP软件弥补。

8、 背景尽量浅色调,其自带的背景就很好。

9、 备份config.ini 和lang.ini 以防不测,同时由于系统支持多配置文件,也可编辑备用配置文件。

10、编辑index.php meta语句最后 加上 charset=gb2312 标签就可以用中文了.

imageVue相册Sitemenu插件使用方法及注意事项:

   Sitemenu插件可以给你的imageVue相册添加一个flash的导航菜单(具体效果可以看我的相册顶部)。这样imageVue在与其他程序配合使用的时候更加方便。
   1、下载文件(含源文件,供1.6升级使用,因为1.7的压缩包里已经包含此文件)

下载文件
http://www.nuocn.com/bo-blog/attachment/sitemenu_for_imagevue.rar

  2、解压缩下载的文件,并上传新的imageVue.swf和sitemenu.ini文件。

  3、打开你的配置文件(即config.ini)并添加如下行:

sitemenu = sitemenu.ini (或任何其他的sitemenu.ini文件)
   4、上传你的新配置文件

Sitemenu的详细帮助文档请看http://www.imagevuex.com/documentation/左侧的sitemenu module项

注意事项:
   最主要的问题,在sitemenu.ini设置链接时不要带有“=”号,因为imageVue会把=号后面的东西过滤掉。比如你想链接到blog的一个分类,那么正常情况下应该添加如下链接:../blog/index.php?go=category_1,但是因为=号后面的部分会被过滤,所以就会造成链接不正常。

附:
sitemenu安装说明 
Setup Instructions 
1. Download files 
2. Unpack the zip file, and upload the new imageVue.swf and the sitemenu.ini files. 
3. Open your configuration files (Either config.ini) and add the following line: 

sitemenu = sitemenu.ini (...or referr to any other sitemenu.ini file) 

4. Upload your new configuration file

=====================完====================

发表评论

电子邮件地址不会被公开。