ImageVue是非常炫的PHP+Flash相册程序，不需要数据库支持，只要可以支持GD2的PHP空间即可（不支持GD2就需要手动做缩略图和上传，这里不讨论不支持的情况）。

老版本1.X版本最大的问题就是中文支持。


新的Flash相册ImageVue.v2.0.Build.03.09.08.Beta 版本已经彻底解决该问题。不但可以支持中文，还可以指定显示字体，堪称完美支持中文。

配置方法，进入后台，默认是http://你的相册地址/imagevue/ 默认用户名和密码都是admin ，进入以后自己修改密码，或者新建管理员帐号：

1、定制自己的中文语言包，非常简单，进入config，点右边的Create new language ，新建一个语言包Chinese，点击lang，你就可以自己定制语言包了，要翻译的东西非常少，可以参照我的图。

2、定制自己的theme主题，点theme，然后编辑default主题（点edit），或者你也可以Create new theme, based on default theme（创建一个基于默认主题的新主题），这样即使你配置出错，也可以通过查看默认主题的方法找到原来的配置。

（1）Edit theme config 编辑主题配置（主要是色彩配置）
themes - 你选择的模板 - edit - settings - language 里面填入 Chinese
这个我不多讲了，简单说，如果你使用默认主题，只是需要增加完美中文支持，是不需要配置其他的，只是当你修改了背景图，想创建属于你自己的色彩主题，才需要配置此项目。

（2）Edit theme stylesheet 编辑主题的CSS（主要是字体配置），我将字体设为默认首选微软雅黑，次选Tahoma，这样就非常美观了。

1. /* Imagevue CSS Document */
   
2. /* Supported styles for Flash:
   
3. font-family - A comma-separated list of fonts to use, in descending order of desirability. Any font family name can be used.
   
4. font-size - Only the numeric part of the value is used; units (px, pt) are not parsed; pixels and points are equivalent.
   
5. font-weight - Recognized values are normal and bold.
   
6. font-style - Recognized values are normal and Tahoma.
   
7. color - Only hexadecimal color values are supported. Named colors (like blue) are not supported.
   
8. text-decoration - Recognized values are none and underline.
   
9. text-align - Recognized values are left, center, and right.
   
10. margin-left - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
    
11. margin-right - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
    
12. text-indent - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
    
13. display - Supported values are inline, block, and none.
    
14. leading - Space after end of line
    
15. */
    
16. /* Guidelines:
    
17. - Allways use # in front of colors
    
18. */
    
19. body {
    
20. font-size: 13px;
    
21. font-family: 微软雅黑,Tahoma, Arial, "Times New Roman", Times, serif;
    
22. color: #000000;
    
23. }
    
24. a:link {
    
25. color: #FFCC66;
    
26. }
    
27. a:hover {
    
28. text-decoration: underline;
    
29. }
    
30. .mainmenu {
    
31. color: #000000;
    
32. font-size: 15px;
    
33. }
    
34. .mainmenu_menubutton {
    
35. font-style: Tahoma;
    
36. }
    
37. .mainmenu_node {
    
38. color:#FFCC66;
    
39. font-size:12px;
    
40. }
    
41. .mainmenu_title {
    
42. font-size: 14px;
    
43. }
    
44. .mainmenu_amount{
    
45. color: #000000;
    
46. font-size: 17px;
    
47. }
    
48. .mainmenu_textPage{
    
49. font-style: Tahoma;
    
50. color: #EAFF93;
    
51. }
    
52. .mainmenu_link{
    
53. color: #EAFF93;
    
54. }
    
55. .mainmenu_hasFiles{
    
56. }
    
57. .mainmenu_hasFolders{
    
58. color: #000000;
    
59. }
    
60. .folderdescription_title{
    
61. font-size: 16px;
    
62. color: #FFCC66;
    
63. leading: 2px;
    
64. }
    
65. .folderdescription_amount{
    
66. font-size: 13px;
    
67. color: #000000;
    
68. }
    
69. .folderdescription_date{
    
70. leading: 5px;
    
71. color: #000000;
    
72. }
    
73. .folderdescription_description{
    
74. color: #EEEEEE;
    
75. }
    
76. .tooltip{
    
77. font-size: 13px;
    
78. }
    
79. .tooltip_title{
    
80. font-size: 16px;
    
81. color: #FFCC66;
    
82. leading: 2px;
    
83. }
    
84. .tooltip_description{
    
85. }
    
86. .tooltip_name{
    
87. }
    
88. .tooltip_date{
    
89. }
    
90. .maincontrols {
    
91. color: #000000;
    
92. font-size: 14px;
    
93. font-style: Tahoma;
    
94. }
    
95. .text_1 {
    
96. font-size: 10px;
    
97. font-weight: normal;
    
98. letter-spacing: 0px;
    
99. }
    
100. .text_1_imageindex {
     
101. font-size: 10px;
     
102. }
     
103. .text_1_title {
     
104. font-size: 18px;
     
105. font-style: Tahoma;
     
106. color: #000000;
     
107. }
     
108. .text_1_filename {
     
109. }
     
110. .text_1_dimensions {
     
111. }
     
112. .text_1_filesize {
     
113. }
     
114. .text_1_date {
     
115. }
     
116. .text_1_exif {
     
117. }
     
118. .text_1_description {
     
119. font-size: 12px;
     
120. }
     
121. .text_1_folderdescription {
     
122. font-size: 12px;
     
123. }
     
124. .text_1_link {
     
125. }
     
126. .text_1_download {
     
127. }
     
128. .text_1_folderpath{
     
129. }
     
130. .text_1_foldername{
     
131. }
     
132. .text_1_abslink{
     
133. }
     
134. .text_2 {
     
135. font-size: 12px;
     
136. font-weight: normal;
     
137. color: #111111;
     
138. leading: 2px;
     
139. text-align: right;
     
140. }
     
141. .text_2_imageindex {
     
142. }
     
143. .text_2_title {
     
144. }
     
145. .text_2_filename {
     
146. }
     
147. .text_2_dimensions {
     
148. }
     
149. .text_2_filesize {
     
150. }
     
151. .text_2_date {
     
152. }
     
153. .text_2_exif {
     
154. }
     
155. .text_2_description {
     
156. }
     
157. .text_2_folderdescription {
     
158. }
     
159. .text_2_link {
     
160. }
     
161. .text_2_download {
     
162. }
     
163. .text_2_folderpath{
     
164. }
     
165. .text_2_foldername{
     
166. }
     
167. .text_2_abslink{
     
168. }
     
169. .exif_name {
     
170. color: #555555;
     
171. }
     
172. .exif_value {
     
173. }
     
174. /* You can set specific styles to specific EXIF tags, like the 3 exampels below which target the EXIF "model" attribute */
     
175. .exif_model{
     
176. font-size: 15px;
     
177. font-weight: bold;
     
178. leading: 2;
     
179. }
     
180. .exif_name_model{
     
181. display: none;
     
182. }
     
183. .exif_value_model{
     
184. color: #0066CC;
     
185. }
     
186. .textpage{
     
187. font-size: 15px;
     
188. }
     
189. .textpage_title{
     
190. font-size: 30px;
     
191. leading: 8px;
     
192. color:#FFCC66;
     
193. font-style: Tahoma;
     
194. }
     
195. .textpage_body{
     
196. }
     
197. .textpage_form{
     
198. font-size: 12;
     
199. }
     
200. .textpage_forminput{
     
201. /* You need to specify all required styles in this class because they are not inherited from the main textpage class because of restrictions with input fields in flash.
     
202. Please use 0x color formatting instead of #
     
203. font-family onyl supports a single font value. Make sure its a font that is globally supported*/
     
204. color: 0xac824a;
     
205. font-size: 15;
     
206. font-family: Arial;
     
207. }
     
208. .textpage_forminputback{
     
209. /* This specific class only supports the color style. Please use 0x color formatting instead of # */
     
210. color: 0x333333;
     
211. }
     
212. .imagebuttons_help {
     
213. font-style: Tahoma;
     
214. }
     
215. .audioplayer {
     
216. }
     
217. .audioplayer_main {
     
218. }
     
219. .audioplayer_id3 {
     
220. color: #999999;
     
221. }
     
222. .audioplayer_id3_first {
     
223. font-size: 17px;
     
224. font-style: Tahoma;
     
225. }
     
226. .audioplayer_tracklist {
     
227. font-family: 微软雅黑,Tahoma, Verdana, Arial;
     
228. font-size: 12px;
     
229. color: #000000;
     
230. }
     
231. .text_items {
     
232. font-family: 微软雅黑,Tahoma, Verdana, Arial, Helvetica, sans-serif;
     
233. font-size: 12px;
     
234. color: #666666;
     
235. }
     
236. .unsupported_items {
     
237. font-family: 微软雅黑,Tahoma, Verdana, Arial, Helvetica, sans-serif;
     
238. font-size: 12px;
     
239. color: #666666;
     
240. }
     
241. .unsupported_items_heading {
     
242. font-family: 微软雅黑,Tahoma, Georgia, "Times New Roman", Times, serif;
     
243. font-size: 17px;
     
244. }
     
245. .unsupported_items_content {
     
246. }

复制代码

ImageVue是非常炫的PHP+Flash相册程序，不需要数据库支持，只要可以支持GD2的PHP空间即可（不支持GD2就需要手动做缩略图和上传，这里不讨论不支持的情况）。

老版本1.X版本最大的问题就是中文支持。


新的Flash相册ImageVue.v2.0.Build.03.09.08.Beta 版本已经彻底解决该问题。不但可以支持中文，还可以指定显示字体，堪称完美支持中文。

配置方法，进入后台，默认是http://你的相册地址/imagevue/ 默认用户名和密码都是admin ，进入以后自己修改密码，或者新建管理员帐号：

1、定制自己的中文语言包，非常简单，进入config，点右边的Create new language ，新建一个语言包Chinese，点击lang，你就可以自己定制语言包了，要翻译的东西非常少，可以参照我的图。

2、定制自己的theme主题，点theme，然后编辑default主题（点edit），或者你也可以Create new theme, based on default theme（创建一个基于默认主题的新主题），这样即使你配置出错，也可以通过查看默认主题的方法找到原来的配置。

（1）Edit theme config 编辑主题配置（主要是色彩配置）
themes - 你选择的模板 - edit - settings - language 里面填入 Chinese
这个我不多讲了，简单说，如果你使用默认主题，只是需要增加完美中文支持，是不需要配置其他的，只是当你修改了背景图，想创建属于你自己的色彩主题，才需要配置此项目。

（2）Edit theme stylesheet 编辑主题的CSS（主要是字体配置），我将字体设为默认首选微软雅黑，次选Tahoma，这样就非常美观了。

1. /* Imagevue CSS Document */
   
2. /* Supported styles for Flash:
   
3. font-family - A comma-separated list of fonts to use, in descending order of desirability. Any font family name can be used.
   
4. font-size - Only the numeric part of the value is used; units (px, pt) are not parsed; pixels and points are equivalent.
   
5. font-weight - Recognized values are normal and bold.
   
6. font-style - Recognized values are normal and Tahoma.
   
7. color - Only hexadecimal color values are supported. Named colors (like blue) are not supported.
   
8. text-decoration - Recognized values are none and underline.
   
9. text-align - Recognized values are left, center, and right.
   
10. margin-left - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
    
11. margin-right - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
    
12. text-indent - Only the numeric part of the value is used. Units (px, pt) are not parsed; pixels and points are equivalent.
    
13. display - Supported values are inline, block, and none.
    
14. leading - Space after end of line
    
15. */
    
16. /* Guidelines:
    
17. - Allways use # in front of colors
    
18. */
    
19. body {
    
20. font-size: 13px;
    
21. font-family: 微软雅黑,Tahoma, Arial, "Times New Roman", Times, serif;
    
22. color: #000000;
    
23. }
    
24. a:link {
    
25. color: #FFCC66;
    
26. }
    
27. a:hover {
    
28. text-decoration: underline;
    
29. }
    
30. .mainmenu {
    
31. color: #000000;
    
32. font-size: 15px;
    
33. }
    
34. .mainmenu_menubutton {
    
35. font-style: Tahoma;
    
36. }
    
37. .mainmenu_node {
    
38. color:#FFCC66;
    
39. font-size:12px;
    
40. }
    
41. .mainmenu_title {
    
42. font-size: 14px;
    
43. }
    
44. .mainmenu_amount{
    
45. color: #000000;
    
46. font-size: 17px;
    
47. }
    
48. .mainmenu_textPage{
    
49. font-style: Tahoma;
    
50. color: #EAFF93;
    
51. }
    
52. .mainmenu_link{
    
53. color: #EAFF93;
    
54. }
    
55. .mainmenu_hasFiles{
    
56. }
    
57. .mainmenu_hasFolders{
    
58. color: #000000;
    
59. }
    
60. .folderdescription_title{
    
61. font-size: 16px;
    
62. color: #FFCC66;
    
63. leading: 2px;
    
64. }
    
65. .folderdescription_amount{
    
66. font-size: 13px;
    
67. color: #000000;
    
68. }
    
69. .folderdescription_date{
    
70. leading: 5px;
    
71. color: #000000;
    
72. }
    
73. .folderdescription_description{
    
74. color: #EEEEEE;
    
75. }
    
76. .tooltip{
    
77. font-size: 13px;
    
78. }
    
79. .tooltip_title{
    
80. font-size: 16px;
    
81. color: #FFCC66;
    
82. leading: 2px;
    
83. }
    
84. .tooltip_description{
    
85. }
    
86. .tooltip_name{
    
87. }
    
88. .tooltip_date{
    
89. }
    
90. .maincontrols {
    
91. color: #000000;
    
92. font-size: 14px;
    
93. font-style: Tahoma;
    
94. }
    
95. .text_1 {
    
96. font-size: 10px;
    
97. font-weight: normal;
    
98. letter-spacing: 0px;
    
99. }
    
100. .text_1_imageindex {
     
101. font-size: 10px;
     
102. }
     
103. .text_1_title {
     
104. font-size: 18px;
     
105. font-style: Tahoma;
     
106. color: #000000;
     
107. }
     
108. .text_1_filename {
     
109. }
     
110. .text_1_dimensions {
     
111. }
     
112. .text_1_filesize {
     
113. }
     
114. .text_1_date {
     
115. }
     
116. .text_1_exif {
     
117. }
     
118. .text_1_description {
     
119. font-size: 12px;
     
120. }
     
121. .text_1_folderdescription {
     
122. font-size: 12px;
     
123. }
     
124. .text_1_link {
     
125. }
     
126. .text_1_download {
     
127. }
     
128. .text_1_folderpath{
     
129. }
     
130. .text_1_foldername{
     
131. }
     
132. .text_1_abslink{
     
133. }
     
134. .text_2 {
     
135. font-size: 12px;
     
136. font-weight: normal;
     
137. color: #111111;
     
138. leading: 2px;
     
139. text-align: right;
     
140. }
     
141. .text_2_imageindex {
     
142. }
     
143. .text_2_title {
     
144. }
     
145. .text_2_filename {
     
146. }
     
147. .text_2_dimensions {
     
148. }
     
149. .text_2_filesize {
     
150. }
     
151. .text_2_date {
     
152. }
     
153. .text_2_exif {
     
154. }
     
155. .text_2_description {
     
156. }
     
157. .text_2_folderdescription {
     
158. }
     
159. .text_2_link {
     
160. }
     
161. .text_2_download {
     
162. }
     
163. .text_2_folderpath{
     
164. }
     
165. .text_2_foldername{
     
166. }
     
167. .text_2_abslink{
     
168. }
     
169. .exif_name {
     
170. color: #555555;
     
171. }
     
172. .exif_value {
     
173. }
     
174. /* You can set specific styles to specific EXIF tags, like the 3 exampels below which target the EXIF "model" attribute */
     
175. .exif_model{
     
176. font-size: 15px;
     
177. font-weight: bold;
     
178. leading: 2;
     
179. }
     
180. .exif_name_model{
     
181. display: none;
     
182. }
     
183. .exif_value_model{
     
184. color: #0066CC;
     
185. }
     
186. .textpage{
     
187. font-size: 15px;
     
188. }
     
189. .textpage_title{
     
190. font-size: 30px;
     
191. leading: 8px;
     
192. color:#FFCC66;
     
193. font-style: Tahoma;
     
194. }
     
195. .textpage_body{
     
196. }
     
197. .textpage_form{
     
198. font-size: 12;
     
199. }
     
200. .textpage_forminput{
     
201. /* You need to specify all required styles in this class because they are not inherited from the main textpage class because of restrictions with input fields in flash.
     
202. Please use 0x color formatting instead of #
     
203. font-family onyl supports a single font value. Make sure its a font that is globally supported*/
     
204. color: 0xac824a;
     
205. font-size: 15;
     
206. font-family: Arial;
     
207. }
     
208. .textpage_forminputback{
     
209. /* This specific class only supports the color style. Please use 0x color formatting instead of # */
     
210. color: 0x333333;
     
211. }
     
212. .imagebuttons_help {
     
213. font-style: Tahoma;
     
214. }
     
215. .audioplayer {
     
216. }
     
217. .audioplayer_main {
     
218. }
     
219. .audioplayer_id3 {
     
220. color: #999999;
     
221. }
     
222. .audioplayer_id3_first {
     
223. font-size: 17px;
     
224. font-style: Tahoma;
     
225. }
     
226. .audioplayer_tracklist {
     
227. font-family: 微软雅黑,Tahoma, Verdana, Arial;
     
228. font-size: 12px;
     
229. color: #000000;
     
230. }
     
231. .text_items {
     
232. font-family: 微软雅黑,Tahoma, Verdana, Arial, Helvetica, sans-serif;
     
233. font-size: 12px;
     
234. color: #666666;
     
235. }
     
236. .unsupported_items {
     
237. font-family: 微软雅黑,Tahoma, Verdana, Arial, Helvetica, sans-serif;
     
238. font-size: 12px;
     
239. color: #666666;
     
240. }
     
241. .unsupported_items_heading {
     
242. font-family: 微软雅黑,Tahoma, Georgia, "Times New Roman", Times, serif;
     
243. font-size: 17px;
     
244. }
     
245. .unsupported_items_content {
     
246. }

复制代码