国外设计欣赏网站 - DOOOOR.com

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

[Drupal教程] Drupal教程:用 Flash gallery 创建一个FLASH相册

[复制链接]
发表于 6-1-2012 01:52 | 显示全部楼层 |阅读模式
本教程是去年howfar参考过的,没有测试是否适用新版本,有急事的朋友可以绕过。
/ @' \, A, D: o" h..........................................................................................................................................................................................................................................................................................................." Z4 m, u9 Y8 g& F( K* p
Flash gallery 创建一个FLASH相册- }4 ]. w& s% h, X/ M) f1 p
Flash gallery9 F* c3 m8 g. ~+ Y
http://drupal.org/project/flash_gallery
) u' g% a# Q! a. C; i
- ]8 p% i. d1 [% |# }7 C依赖于:image module 、image gallery module. G; t1 R1 X3 _# p
1 {' u. ]' w# T# n! U' d) i
这个模块基于 Simpleviewer3 N; U$ c* h2 Q; E$ r) E3 V4 z; S
! ?% r6 P( Z: s# ^$ H) y
Flash Gallery几乎可以说是不需要设定的,只是安装的过程会有一点小小的复杂而已,毕竟是用别人的Viewer ,所以,就会需要做一下些额外的步骤啰!!
$ E8 e6 x8 `+ c/ C+ U4 K  F5 k4 [; r; R- Q9 V3 a7 A& X! |: M
1.下载及安装Flash Gallery模组 ! e) z3 U% L9 G- g
* g3 d% d3 m+ M$ d7 W! \
请到http://drupal.org/project/flash_gallery下载并安装。 (不幸的是,看来6.x还没有要开发的意思.....) ' K* B0 m( Y$ m, g( `; k, K5 N

6 q3 O0 D; C9 p) h2.下载并安装Simplviewer
+ D- F6 Y8 _: V
) o) \- A3 e" \% [" H2 E请用这个网址http://www.airtightinteractive.com/simpleviewer /simpleviewer.zip来下载Simpleviewer,载完之后,就把它随便放个地方来解压缩,解开之后应该会有一小堆的档案,不要太贪 心,也不要太偷懒,就直接就把整个档案塞到Flash Gallery模组的资料夹去,这样是不好的,也是有碍视力的,因为到时还要把不需要的一个一个挑出来....=____=!!
2 ~! K1 {: D  j5 r9 ]; u' I4 T( t
其实只要找出swfobject.js和viewer.swf两个档就好了,不要多放啊!多放会不会有问题啊?阿舍没试过,有兴趣的大德可以来 try try看哩!扯远了...,把这两二个档案复制到Falsh Gallery模组的资料夹下的Simpleviewer资料夹里去,什么?没有Simpleviewer的资料夹?喔!这是正常的,各位大德请自己建一 个新的资料夹来用,但是资料夹名称可一定要叫做Simpleviewer才行的!
# f0 p1 p/ z% D! X" k& V8 K
; i2 \( e1 r2 I$ ?$ J3.设定权限   y. j1 @. y& D. K2 v7 h2 s1 p" k  s7 x

( l, N( X" U0 t4 D, o% E: HFlash Gallery模组没有什么权限好设定的,到「管理」>「使用者管理」>「权限控制」(/admin/user/access)的Flash Gallery Module下面,只有一个叫做「administer flash gallery 」的项目可以设定,这个项目很简单,就是可以到Flash Gallery的管理界面来变更设定。
$ W3 i( a9 T9 k) K, D
1 p, Z2 H, k* V: j9 w5 }7 g% Z( U* k4.设定Flash Gallery : h! C# n) O& w' N5 f" J3 q
: r3 B! o, F% k$ V1 q; s* L5 t
相关的安装和启用动作完成之后,便可以到「管理」>「内容管理」>「Flash Gallery」(admin/content/fgallery)来做下列设定:
% M" I* h6 p  x) p0 o( m
4 `! ]- c9 S5 ?  q& ?$ s「dimensions」 2 q2 p5 V) |  j* q
4 u& Y* r0 @; {
这个栏位群组都是在设定一些和大小有关的项目。 , A# e0 C* d7 Y$ c

+ L5 C1 d+ q4 r6 m9 m! \width of flash animation: 9 C: Q. d9 ?4 k" V

' ?: C  K* B/ [3 {! e当开启Flash Gallery的相簿浏览画面时,整个浏览画面大小的宽度。
8 ~2 w# ^/ P: {0 z+ |' m! Y% p
; e2 k9 z1 t7 m9 h; Q* a0 r; Theight of flash animation: 0 o) p* X4 r& g) [# }+ n

' ?6 G! V/ R" q! @当开启Flash Gallery的相簿浏览画面时,整个浏览画面大小的度度。 ! _5 K$ V: f/ r# U" x! N8 }* ~
& M# N1 Q) i9 C) u" h/ f
width of your largest image in pixels:
! t# m1 |) X- @1 S# H# V; E' W" ^% \; ~/ t, F5 v( e
图档的寛度(当图档的大小超过这个宽度时,就会改成这个宽度,小于就照原来的尺寸显示..) ; k: V  N/ o- e' H+ _$ a5 q) h% c
0 E2 i9 A& S. @  B, o; `; ^3 L
height of your largest image in pixels:
( s. C* h( K5 N9 c$ {( `& t8 S1 v* e! x* S- ?4 d# A  R) X! G# q
图档的长度(同上)
; P3 D2 J9 i2 \3 s6 \9 {  ?( E
, _5 s: p3 P" B5 d) \* Ewidth of image frame in pixels: 6 H$ F# `2 F( O8 Q
" Z2 }  z. ^# b
用来设定金,外框的宽度,设的越宽,图就会变的更小
: W. b. j7 R7 V
  Z! a+ y2 \$ X6 Zstage padding: ' _5 ^! E( Z3 D& \5 n: X9 x7 i3 @

+ w! P% m! _5 W; B. c, f0 z& P上一个项目是设定显示图片的外框,而这里就是设定整个Flash Gallery相簿浏览画面的外框,其实不能说是外框,实际上指的是外框和内容之间的距离,有用过CSS的大德大概都对这个Padding有了解吧?就是 那个意思哩!
8 L1 }8 S2 h5 Y& i0 d$ q8 \: Z. \1 G: u  D
「Color」 1 E; h, L. Y# C3 l9 D
  f$ m* Z9 M- M9 @$ j5 Q
设定Flash Gallery相簿浏览画面的各种颜色。 ; I+ P8 _& [1 r0 U5 ]0 L! h$ e

) M. K$ Q# ~( O- Q7 Zbackground color:
4 [! i: p5 b3 R% \7 D; _8 g4 y; f3 _0 {) b. e3 {& C$ C/ Z
整个Flash Gallery相簿浏览画面的背景色。
( v% f9 _- c+ Z) n3 v; q
& \0 M. N: S# c( ]2 z6 j) Q5 Ttranparency
5 g1 o( ~" |2 f3 [& W
  v$ L0 d5 M9 J是设定说要不要让背景有透明的效过,这个阿倒是没试出个所以然来,启用后,背景就都成白色的了....=___=!! 6 y- Q2 J" I0 t: _6 B5 G, V. P2 j
: }7 D% {+ g4 @9 I" \
flash loader color: / x* l/ |* ]1 U& p2 g4 M" [

8 L4 L1 Z* e8 \; p$ v" p7 h4 z" y. o这是在读片资料时,出现显一条颢示读入进度的那一横条的产色。 5 m2 p+ M- w' T) i# F8 Y7 @

8 C$ i$ \( Y# w" Btext color: & l/ d( R- a$ S, x$ Y% |2 P

" P3 f  F" }1 a- t: N* X$ X! l/ \字的颜色。 1 S' L# w* _. J* F; p

1 |2 w4 l$ x! \6 M3 ^$ Eframe color:
( c% L  A9 D2 w( h" T/ p/ b9 p$ R
1 }% b% r3 S3 v+ c, U这个就是用来设定上面提到的Flash Gallery相簿浏览画面的外框的颜色哩! : W6 P* V2 J# |) s  {. ~! [
0 W0 [4 c/ T- ]$ V
「navigation」
4 P  [& R& _+ _+ r  w. D9 r
: W: Q0 a+ E: x' b; L5 R1 A再来就是设定一些定位的项目了。
; |1 J& g4 t% u2 a3 b) @
* Z4 U  z8 a2 T0 @! z  {# Cnavigation position:
7 l, o7 `; ]( z2 @& }% Z0 f: l: x; ]& h( s' D: u# ~
这个是用来指定那一排显示缩小图示( thumbnails )的导览列的位置,预设是显示在上面,各位大德可以依照自己的兴趣来摆放哩!
. B% O) u& `9 l  d  V
; C8 }: p4 O7 Q! \6 w- f8 s! kthumbnail columns:
9 K  `& g* u  J) w% x9 n8 i9 d; M' g, }/ U% e
这是设定那一排导览列要出现几张照片。
: e4 f: |/ X, a8 @
7 u; J& C$ a; g' Sthumbnail rows: # R3 ?$ E6 C6 \. x+ {

7 ?) j+ \( }" ?0 p; d7 ^: I而这个就是设定导览列要显式几列的照片。
- z0 R9 Z( M- E: L/ ?+ s. D
) E! s. h# r# L8 K$ y& w「miscellaneous」
  z4 X% C8 s2 s% D1 O& |$ j8 ?$ P9 f; O8 Y" D1 W7 J, d7 D
终于来到最后的其它这个项目了,有点快没力的感解!!..下面的项目,有勾就会用,没勾就不会有作用的。 ' Z1 U& j8 @  W) q* [: n
: J7 n$ n% B) v8 K3 d9 M
display title ) E0 Q( b$ {, S" p

$ |( l: ~& @* v# N0 ~显示照片的标题(直接翻了)
: v! f4 l- r# ^3 N
' R1 {: c6 j8 o2 [display album name
& R0 S) h: I6 |& Z* E: [& v% n
% s0 V& R2 q2 S2 c* n4 b显示相簿的名称
- v* O7 u5 h  r+ R
( ?" b/ k2 L6 Udisplay download link " [+ ?' ^& _/ D3 h/ w- G

, I) E, g1 C0 \会在图片的标题旁边显示档案下载的连结 $ M/ }( T( r$ U

$ o' o# _/ K- D, m- k) Obuild thumbnail library ' [+ g# C3 }- I% R
- `2 u6 f/ d- C9 T- t1 Y5 V, w
这个就比较特殊了,这个功能是为了要将安装Flash Gallery模组之前,已存在的图档建立缩图的资料库建立缩图库,所以需要透过这个功能来重建。 ' V3 V9 g! M8 x; @! d- A. ~
) B8 y9 c; k  ?9 @7 _' b
以上就是Flash Gallery模组的设定项目,虽然有点多,但是还不会太难的吧!! ^^ 7 F" d5 m$ I$ a3 H$ l
  R/ E- @$ U7 J( I8 g( J1 w
5.使用Flash Gallery . s8 L6 t# s( O, |" x! S

. S0 [" a" h. ]; {! }安装设定完成之后,就可以用网址到/fgallery来启用这个功能
3 _  S; g: N9 E9 X/ g* y& E5 O% c2 P2 I

) [- o; U5 L; `' V* Z* o- l0 b

|2011-2026-版权声明|平台(网站)公约|DOOOOR 设计网 ( 吉ICP备2022003869号 )

GMT+8, 6-16-2025 16:00 , Processed in 2.603644 second(s), 229 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表