PHP+FLASH相册 Imagevue 中文教程

作者:我就是个世界 发表于:2009-05-03
PHP+FLASH相册 Imagevue 配置 中文教程 (V2.0之前的版本适用,v2.0之后的版都可以后台管理)

英文官方:http://www.imagevuex.com/
Imagevue中文网:http://www.imagevue.cn/

[strike][size=3][b][color=#FF1493]先看Imagevue演示:1.6版[/color][/b][/size]:[/strike][url=http://www.husw.net/photo/]http://www.husw.net/photo[/url]  此地址已升级至2.0版

[size=3][b][color=#FF1493]Imagevue v2.0版演示[/color][/b][/size]:[strike][url=http://www.czfeeling.com/photo/]http://www.czfeeling.com/photo[/url]  此地址已失效。 可观看本站相册 已经升级至2.0
[/strike]

[b]初级篇[/b]

Imagevue,一个非常优秀的Falsh相册,有着相当成熟的流处理能力以及强大的扩充功能,多语言文件扩充,支持背景音乐,自动生成缩略图....但是因为其界面是英文的,配置文件也没有中文图形化,使得不少E文不好的网友望而却步。

网上搜索了一下,Imagevue的使用教程比较简单,没有详细介绍也没有分类,这里说一下,那里提一提,感觉比较乱,给初学者不知从何下手。经过几天的搜索,终于弄懂Imagevue的全部选项设置,如果你想拥有更个性化的相册,请跟一步一步跟我来![separator]

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

下面对主程序目录下的文件夹简单说明一下:
Upload
|--admin 管理目录
|--content 相片分类目录,你的所有相片将上传到此目录的各子目录下
|--include 程序引用文档
|--javascript JS特效当档
|--loops 声音文档,没啥用,可以删除
|--mp3 音乐文档,浏览相片时播放的音乐可以上传到这里
|--mp3alt 这里也传几首mp3歌曲吧,作用稍后讲解
|--show 这里是Imagevue临时存放图片的地方,不用理它先
|--templates 程序模板文档
|--test 检测服务器环境(GDtest DIRtest Permissions PHPinfo )的文档
|--testimagefolder 这个没啥用,也可以删除

把上面的文档全部上传到你的服务器,并上传你的相片到content的各目录下(目录可以修改成你想想的名称如是Friend、Classmate)在浏览器打开即可浏览动感十足的Flash相册!
下面让我们简单设置一下,让它成为自己的网络相册。设置之前先让我们查看一下Imagevue的界面以及各部位的名称和相关功能:
主界面
缩略图列表
一般显示模式
slideshow(幻灯片)显示模式
Popup(弹窗显示模式)

关于相册的设置,非常简单,只需修改config.ini即可。
startheading = Gzink Photo ;相册名称,显示在标题栏
startimage = startimage.jpg ;主窗口背景图
swflayer = layer1.swf ;动画前层显示版权动画,填入swf相对路径,在察看图像时会消失。
backimage = background.swf ;相册整体背景,可以是动画或图片

一般来说,你只要修改上面四项就可以了,如果你要修改更个性的风格,请看下面的高级设置篇。

注意:
1、 服务器必须完美支持PHP,并带有GD库,否则更新会有麻烦。
2、 文件夹和文件名不能有中文,否则无法显示。
3、 文件夹不要超过两层,否则显示有问题。
4、 原图片建议不要选择过大,要不然载入时间很长,但这也看你的服务器速度,如果快就放原图的好。
5、 背景MP3最好进行一定的剪辑和压缩,以优化最终效果。
6、 养成细分类的习惯,以便以后快速更新。

================================

[b]高级篇[/b]

前几天,为大家介绍了Imagevue相册的安装及注意事项,现在将深入讲解Imagevue的设置,使大家的相册更个性化!设置之前,先讲一下各配置文件的作用以及关系:

config.ini 全局设定,包括相册名称、文字颜色、背景颜色、过渡特效、音乐、音效、图片/目录排序方式、工具栏显示控制、鼠标提示、加载幻灯片显示和弹窗显示的配置文件等等。

slideshowpopupconfig.ini 幻灯片显示(slideshow)配置文件,控制幻灯片显示界面的工具栏、文字样式、颜色、大小,自动浏览间隔时间等。

slideshowpopupconfig.ini 弹窗显示(Popup)配置文件,弹窗显示界面的工具栏、文字样式、颜色、大小,自动浏览间隔时间等。
lang.ini   主界面语言文件
slideshowlang.ini 幻灯片和弹窗语言文件
sitemenu.ini 菜单配置文件

其实大家如果改了相册标题、相册主窗口背景和整体背景、相册版权动画,基本上就不用啥改的了,如果你还想改更多的细节比如文字颜色、鼠标提示等就要仔细研 究config.ini的各项设置了。关于详细的设置,我想了好久都不知道该从哪里讲起好,因为Imagevue几乎每一个地方都可以设置,那么,我只有 把各项的功能以及设置方法告诉大家,让大家自己去尝试着修改,这样子也更容易理解。

config.ini的设置内容:
---------------------------------------------------------------------------------------------------------------------
[GALLERY]

globalpath = false           ;这个一般不用理,太高难度了:(

contentfolder = centent ;默认的图片文件夹名称,如果你不想你的相片真实地址被别人知道在这里修改

singlelevel = false           ;默认情况下,Imagevue一般都是显示二联菜单,如果你想相册打开后不分类二级目录,即点击进入目录后就可以查看相册,把此选项设为[groupname]

folder = false               ;是否默认打开的文件夹下的图像,可选值为false、[path],注意路径要以/结尾

directimage = false      ;是否默认打开一个图像,可选值为false、[image path]

text = lang_en.ini         ;加载文字语言

startheading = Http://pic.rono.cn ;相册名称,显示在标题栏

startimage = Vista.jpg    ;主窗口背景图

swflayer = layer1.swf     ;动画前层显示版权动画,填入swf相对路径,在察看图像时会消失。

startimagekeep = false ;显示缩图背景色,可选值为true、false

imagearea = FFFFFF ;当startimagekeep的值为true时,可选值为bgcol、textcol、[HEX color]、[file],否则此选项无效

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

textcol = 34507A       ;文本颜色,包括鼠标提示背景、菜单背景、相册目录字体、音乐开关字体、图片描述字体

bgcol = FFFFFF           ;背景色

barcol = textcol,bgcol   ;相册初始窗口上条色和下条色以及工具栏顶部的背景颜色和文字颜色,可选值为
textcol、bgcol、[HEX color]如990000,FFFFFF

menucol = bgcol,textcol ;相册目录下拉菜单样式,可选值为bgcol、textcol、[16进制颜色值]如
menucol=990000,FFFFFF,第一个是背景颜色,第二个是字体颜色

backimage = bg.jpg    ;相册整体背景,可以是动画或图片

defaultsize = 12         ;此选项暂时没有作用

backalign = M             ;背景位置TL (Top Left) T (Top) TR (Top Right) R (Right) BR (Bottom Right) B (Bottom) BL (Bottom Left) L (Left) M (Middle)

sfx = true                    ;是否加载音效,可选值为falae和true

audio = true                ;是否加载音乐,可选值为false和true

audiopath = groupfolder ;默认加载音乐路径,可选值为groupfolder、imagefolder、[relative path]如mp3/,选项为groupfolder或imagefolder时,自动读取文件夹下的音乐,选项为[relative path]时,不管浏览哪个文件夹的图片,都播放此目录的音乐

emptyaudio = mp3alt/     ;当audiopath的选项为groupfolder或imagefolder而正在浏览的目录又没有音乐文件时,播放此目录的音乐

audiorepeat = 0              ;重复次数,数值为0时一直重复

audioinit = true               ;是否自动播放音乐,可选项为false和true

startvolume = 50            ;音乐初始音量

audiostyle = linear          ;可选值为linear和loop,当值为linear时,切换相片目录后跟着切换音乐

loopinterval = 80             ;循环间隔时间,当audiostyle的值为loop时才起作用

audioextension = mp3     ;支持播放的音乐格式,请不要修改此选项

audioinfo = id3                 ;是否显示音乐信息,可选值为id3、true、false

;菜单排序na (name ascending) nd (name descending) da (date ascending) dd (date descending) rnd (random)
foldersorting = na

imagesorting = nd           ;图像排序,选项值和foldersorting一样

navigation = 1,1,1,1,1,1,1,1,1       ;是否显示工具栏按钮,1为显示,0为不显示,

controlsdefpos = 680,170,523,0   ;工具栏的左边距,上边距

altnav = true             ;是否显示bar上的翻页,可选值为true、false

keycontrols = true     ;是否支持键盘快捷,可选值为true、false

subbuttons = below ;是否显示引导图标,可选值为below、true、false,需要GD库的支持,否则显示有问题

subbuttonsfilename = false ;是否显示引导图片的名称,可选值为true、false

hideimage = true                  ;以幻灯片方式看完图像后,图像是否隐藏

imageclicklink = slideshow ;以幻灯片方式点图像为:thumbnails(小图片列表显示) popup(弹出窗口全屏显示) normal(一般) description(显示描述) link(这个没看出什么效果) slideshow(幻灯片显示)

altimage = false

imagepopinfo = 1,1,0,0,0,0 ;弹出窗口的形式打开图片鼠标提示内容

imagerightclick = 1,1,1,1,1,1,1,1,1 ;右键点击图片显示的选项,分别为View Image,Open in popup window,Open in blank window,Thumbnails,View/Hide Description,Motion:Off/On,Next Image,Previous Image,Download Image

shiftimageclicklink = popup ;按住Shift点击图像以什么方式打开,可选值为Values、thumbnails、popup、
normal、description、link

backrightclick = 1,1,0      ;在背景图上点右键显示的右键菜单,分别为Next Image、Previous Image、[当前查看的图片名称/Thumbnails],1为显示,0为隐藏

tooltipcol = textcol,bgcol ;鼠标提示样式,可选值为textcol,bgcol或[HEX color]如990000,FFFFFF

transitions = shine         ;过渡效果,可选值为shinet(强烈的)和whitetint(微妙的)

showfolderdescriptions = 0,0,0 ;鼠标在相册目录的提示内容,分别为目录名称、组名称、图片数量,可选值为0、1
descriptions = startopenifopen   ;是否自动显示图片描述,可选值为true(自动打开)、false(不打开)、
startopenifopen(如果用户上一张图打开了那么就自动打开)、startopen(自动打开)

descriptionattributes = true      ;是否显示描述详情,可选值为true、false

descriptionscol = bgcol,textcol ;描述背景及字体颜色,可选值为textcol,bgcol或[HEX color]如990000,FFFFFF

hideextension = true ;是否隐藏图片的扩展名,可选值为true、false

showmenu = true       ;是否显示相册目录菜单,可选值为true、false

menuopen = false       ;是否自动展开相册目录菜单,可选值为true、false

startclick = true           ;在窗口点击鼠标是否展开相册目录菜单,可选值为true、false

imagenavigationpane = true                ;是否显示导航图

imagenavidefpos = 680,25,auto,auto ;导航图显示位置

motioninit = false ;是否自动移动,可选值为true、false,此设置当imagenavigationpane的值为true时才起作用

motionspeed = 1    ;移动速度(数字越大,速度越快)

thumbstart = true ;是否显示缩略图列表,可选值为true、false

thumbopenwin = false         ;列表显示的时候点缩略图打开什么,可选值为slideshow,popup,normal(图片url),false

thumbrightclick = 0,1,1,1,1 ;在缩图点右键选项[name(open in imagevue), View Image(slideshow), Open in popup window, Open in blank window, Download Image]   1为显示,0为隐藏

shiftthumbclicklink = popup ;按shift+缩图打开方式:popup,normal,false

thumbattribs = 0,0,0            ;显示缩略图列表的时候需要显示哪些信息,分别为图片名称、图片详细信息如尺寸,大小,日期、Open in popup window的链接,1为显示,0为隐藏

thumbattribscol = bgcol,textcol ;当thumbattribs的值为1时,此选项才起作用

thumbpopinfo = 0,1,1,0,0,0

thumbattribpopinfo = 1,1,1,1,1

thumbfx = whitetint,80,8            ;鼠标移到缩略图上的效果,第一个的可选值为whitetint(微妙的)和shine(强烈的),第二个选项为数值,数值越大,产生的对比效果就越大, 第三个选项为数值,数值越大,反应的时候就缓慢

thumbframe = false,false            ;缩略图描边,可选值为bgcol、textcol、[HEX color]如FF00FF,FFFFFF

lowrespopup = true                    ;当用户的浏览器分辨率比较低时,如800x600,是否采用弹出窗口浏览,建议选择true,否则不能正常浏览

popupstyle = slideshow      ;弹出窗口默认浏览方式,可选值为slideshow,popup,normal(图片url),false

popmargin = 10                  ;弹出窗口边界

popdisplay = 1,1,1,1,1,1

serverextension = php

slideshowpopupconfig = slideshowpopupconfig.ini ;弹出窗口模式设置文件

slideshowimagevueconfig = slideshowimagevueconfig.ini   ;幻灯片窗口模式设置文件

sitemenu = sitemenu.ini ;加载插件

configfile =

popped =

[END]

================================


slideshowimagevueconfig.ini的设置内容:
---------------------------------------------------------------------------------------------------------------------
[SLIDESHOW]

[MAIN]

globalpath = false

path = testimagefolder/

directimage = false

startimageclick = next        ;鼠标点击图片的动作,可先值为next、play、false

language = slideshowlang_en.ini ;设定浏览图片时的语言,包括鼠标提示文字

autostart = true                 ;幻灯片窗口显示图片的时候是否自动播放,可选值为true、false

autoscale = true                 ;是否自动按比例缩放图像,以适应低分辨率的用户,可选值为true、false

scaleup = false

keepaspect = true

boxstage = true

imagesorting = na   ;图片排序,可选值为na (name ascending) nd (name descending) da (date ascending) dd (date descending) rnd (random)

cacheimages = 3     ;绶存图片,提高浏览速度

minmargin = 50       ;图片与浏览器的边距

maxwidth = false    ;设定最大宽度

maxheight = false   ;设定最大高度

interval = 3              ;浏览间隔时间

serverextension = php

sitemenu = sitemenu.ini

usejsresize = false

altimage = false

[VISUAL]

startimage = false               ;显示的第一张图片

startheading = foldername

displaykeyguide = false

backimage = background.swf

backalign = M

bgcol = FFFFFF

textcol = 34507A

tooltipforegroundcolor = bgcol    ;鼠标提示文字及边框颜色,可选值为textcol,bgcol或[HEX color]如990000

tooltipbackgroundcolor = textcol ;鼠标提示背景颜色,可选值为textcol,bgcol或[HEX color]如990000

framewidth = 12                    ;图片外边框

framecol = A8B2E1                ;图片外边框颜色,可选值为textcol,bgcol或[HEX color]如990000

innerframewidth = 11            ;图片内边框,注意不能比图片外边框大

innerframecol = FFFFFF          ;图片内边框颜色,可选值为textcol,bgcol或[HEX color]如990000

frameshadow = true

slideshowlayer = false           ;是否显示水印,可选值为true、[url]

slideshowlayeralpha = 80      ;水印透明度,可选值为0-100,数值越度越透明

slideshowlayeralign = OIM     ;水印对齐方式

slideshowlayermargin = 20

[TRANSITION]

transition = motionmove,motionmask,blockmask,tint,white,fade; motionmove,motionmask,blockmask,tint,white,fade,shine,instant

transitionresize = tint,white; tint,white,shine,instant

frametransition = true

[AUDIO]

sfx = true               ;是否开启按钮声音效果,可选值为true、false

audio = false          ;是否设定最小缓存值,可选为数字或false

audiopath = mp3/ ;默认加载音乐路径,可选值为groupfolder、imagefolder、[relative path]如mp3/

audiorepeat = 1     ;设置循环次数,数值为0时一直重复当前的歌曲。假如如数值为1时,当前文件夹包含4个音乐文件,则播放完全部音乐文件才停止。

audioinit = true                ;是否自动播放

startvolume = 70             ;初始音量

audiostyle = linear           ;可选值为linear和loop,当值为linear时,切换相片目录后跟着切换音乐

loopinterval = 30000        ;循环间隔时间,当audiostyle的值为loop时才起作用

audioextension = mp3      ;支持播放的音乐格式,请不要修改此选项

audioinfo = id3                  ;是否显示音乐信息,可选值为id3、true、false

audioplayercolor = FF00FF;郁闷,此功能好像不起作用,是关于播放器颜色的设置

[CONTROLS]

showmaincontrols = true   ;是否显示工具栏,可选值为true、false

maincontrols = select,previous,next,toggleplay,sfx,window,popup,download ;工具栏显示的按钮

maincontrolsalign = BR    ;工具栏位置,TL (Top Left) T (Top) TR (Top Right) R (Right) BR (Bottom Right) B (Bottom) BL (Bottom Left) L (Left) M (Middle)

maincontrolsmargin = 10 ;工具栏相对位置

altcontrols = true             ;是否显示上一张/下一张按钮,选值为true、false

altcontrolscolor = textcol ;上一张/下一张按钮的颜色,可选值为textcol,bgcol或[HEX color]如990000

altcontrolsalign = L,R        ;上一张/下一张按钮显示的方向

altcontrolsmargin = 10      ;

customdata = Your Information here
Use this feature if you want to add some basic information

customdatalink = mailto:you@youremail.com

rightclick = next,previous,toggleplay,window,popup,download   ;鼠标右键选项

enablerightclickcontrols = true   ;是否支持鼠标右键操作,可选值为true、false

enablekeycontrols = true           ;工具栏是否支持键盘控制,可选值为true、false

usekeysettingstext = true          ;当用户用键盘操作的时候,是否显示提示文字,可选值为true、false

imageclick = next                        ;点击鼠标的动作,目前只能选next

imageshiftclick = popup              ;按住Shift点击图像以什么方式打开

imagepopinfo = false

showpreloader = true                ;是否显示下载进度条,可选值为true、false

showaltpreloader = false

showtimer = true                       ;是否显示间隔时间,可选值为true、false

preloadcolor = bgcol                  ;下载进度条颜色,可选值为textcol,bgcol或[HEX color]如990000

timercolor = bgcol                      ;间隔时间颜色,可选值为textcol,bgcol或[HEX color]如990000

controlsbackgroundcolor = textcol ;工具栏背景颜色,可选值为textcol,bgcol或[HEX color]如990000

controlsforegroundcolor = bgcol     ;工具栏文字颜色,可选值为textcol,bgcol或[HEX color]如FFFFFF

controlsbackalpha = 70                  ;工具栏背景透明度,数值越小越透明

controlsbackoveralpha = 50           ;鼠标移开工具栏上的透明度

controlsbackpressalpha = 60         ;工具被激活时的颜色

controlsdimensionx = 45                ;按钮宽度

controlsdimensiony = 30                ;按钮高度

controlstooltip = true                     ;是否显示工具栏提示

[IMAGESelect]

imageselecttooltip = true                 ;选择图片时,是否显示鼠标提示,可选值为true、false

imageselecttooltipdelay = 500         ;设置提示超时时间,单位为毫秒

imageselecttooltiptext = true           ;选择图片时,鼠标提示是否显示图片文件名,可选值为true、false

imageselecttooltipthumbnail = true ;选择图片时,鼠标提示是否显示图片缩略图,可选值为true、false

timerselectreset = false                    ;Imagevue官方网站说您不必更改此设置

[TEXT]

displayposition = above   ;图片张数/图片文件名/图片描述对齐方式,可选值为above、below、left、right、imagetop、imagebottom

displayimageindex = true ;是否显示图片张数,可选值为true、false

displayname = true          ;是否显示图片名称,可选值为true、false

displaydescription = true ;是否显示图片描述,可选值为true、false

hideextension = true        ;是否隐藏图片扩展名,可选值为true、false

formatmaxwidth = 250     ;设置图片张数的最大显示区域,当displayposition的值为left或right此设置才有效

formatminwidth = 150      ;设置图片张数的最小显示区域,如果用户的浏览器大小并没有提供的需的最低宽度,本文将不会显示

formatmargin = 2              ;图片张数/图片名称与图片的间隔

formatbackgroundcolor = textcol ;图片张数/图片名称/图片描述的背景色,可选值为textcol,bgcol或[HEX color]如990000

formatbackgroundalpha = 0   ;图片张数/图片名称/图片描述的背景色透明度,数值越小越透明,0为完全透明

defaultfont = Verdana            ;默认字体样式,当indexfont、namefont、descriptionfont、selectfont未定义或值为false时

defaultsize = 12                     ;默认字体大小,当indexsize、namesize、descriptionsize、selectsize未定义或值为false时

defaultcolor = textcol             ;默认字体颜色,当indexcolor、namecolor、descriptioncolor、selectcolor未定义或值为false时

defaultleading = 2                 ;默认间隔,当indexleading、nemeleading、descriptionleading、selectleading未定义或值为false时

defaultalign = left                  ;默认对齐方式,当indexalign、nemealign、descriptionalign、selectalign未定义或值为false时

headingfont = DesertDogHmk

headingsize = 12

headingcolor = bgcol

indexfont = Verdana ;图片文件名字体样式

indexsize = 11          ;图片张数字体大小,单位为px

indexcolor = textcol ;图片张数颜色,可选值为textcol、bgcol、[HEX color]如990000

indexbold = false      ;图片张数是否加粗,可选值为true、false

indexleading = 0       ;间隙

indexalign = left        ;图片张数对齐方式,可选值为left、center、right

namefont = Verdana ;图片文件名字体样式

namesize = 12          ;图片文件名字体大小,单位为px

namebold = true       ;图片文件名是否加粗,可选值为true、false

namecolor = textcol ;图片文件名颜色,可选值为textcol、bgcol、[HEX color]如990000

nameleading = 0       ;图片文件名间隙

namealign = left        ;图片文件名对齐方式,可选值为left、center、right

descriptionfont = Georgia ;图片描述字体样式

descriptionsize = 12          ;图片描述字体大小,单位为px

descriptioncolor = textcol ;图片描述颜色,可选值为textcol、bgcol、[HEX color]如990000

descriptionbold = true       ;图片描述是否加粗,可选值为true、false

descriptionleading = 2      ;图片描述间隙

descriptionalign = left       ;图片描述对齐方式,可选值为left、center、right

selectfont = Georgia         ;选择图片的字体样式

selectsize = 12                  ;选择图片的字体大小

selectbold = true               ;选择图片的字体是否加粗

selectcolor = bgcol            ;选择图片的字体颜色

[END]


================================

slideshowpopupconfig.ini的设置选项和slideshowimagevueconfig.ini一样的,在这里我就不多说了。

================================

adminconfig.ini的设置内容(此文件在admin文件夹下):
---------------------------------------------------------------------------------------------------------------------
[ADMIN]

mainheadtext = Gzink.Com Admin ;管理界面标题

hidepassword = true                     ;是否以星号隐藏密码

serverextension = php

extensions = jpg,JPG,jpeg,JPEG    ;支持上传的文件格式,有大小写之分

chmodreq = 777

backgroundimage = background.jpg ;管理界面的背景

guestlogininfo = true                          ;是否允许guest用户登陆

foldersorting = na ;菜单排序na (name ascending) nd (name descending) da (date ascending) dd (date descending) rnd (random)

imagesorting = na             ;图像排序,选项值和foldersorting一样

globalpath =

contentfolder = content/   ;默认的图片文件夹名称,同config.ini的设置

bgcol = FFFFFF                   ;背景颜色

dropcol = 000000,5           ;管理窗体背景和透明度,可选值为[HEX color]如990000,后一个数值越低越透明

folder = false

presetpass = false

[END]

分享:

扫一扫在手机阅读、分享本文

请发表您的评论