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

 找回密码
 注册

QQ登录

只需一步,快速开始

扫一扫,微信登陆

搜索

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

[复制链接]
发表于 6-1-2012 01:52 | 显示全部楼层 |阅读模式
本教程是去年howfar参考过的,没有测试是否适用新版本,有急事的朋友可以绕过。
$ W+ L0 @8 s# D- W2 _  r............................................................................................................................................................................................................................................................................................................ N% F% n5 X+ @4 `
Flash gallery 创建一个FLASH相册2 N# M$ p9 u) ?- `1 N! K
Flash gallery
6 B3 {+ g- _- X7 {  r0 F% b6 Ghttp://drupal.org/project/flash_gallery
4 ?- O, L' l8 P: W6 Z& C; F8 a9 O! B- j( L/ k
依赖于:image module 、image gallery module! ~  B6 K0 v+ k$ l9 |5 A

+ q: B6 a9 ]7 l8 r% A这个模块基于 Simpleviewer
  Q; C, _2 p) d* k4 N! ~  u" T7 B9 k3 R
Flash Gallery几乎可以说是不需要设定的,只是安装的过程会有一点小小的复杂而已,毕竟是用别人的Viewer ,所以,就会需要做一下些额外的步骤啰!! - S9 L+ w9 A$ h9 h. X3 \: e- E

, g. O( w, a+ H- g- t+ T; W/ e1.下载及安装Flash Gallery模组
4 O  G' T* o# s$ K
; T" ]9 P. u6 s" q1 \' }& X9 [, a请到http://drupal.org/project/flash_gallery下载并安装。 (不幸的是,看来6.x还没有要开发的意思.....)
. ]; V) t, y! z! V' T( a3 ]) j) v- E" d. k
2.下载并安装Simplviewer
" V6 j) x) s$ j+ y
$ |. @* J6 `& j请用这个网址http://www.airtightinteractive.com/simpleviewer /simpleviewer.zip来下载Simpleviewer,载完之后,就把它随便放个地方来解压缩,解开之后应该会有一小堆的档案,不要太贪 心,也不要太偷懒,就直接就把整个档案塞到Flash Gallery模组的资料夹去,这样是不好的,也是有碍视力的,因为到时还要把不需要的一个一个挑出来....=____=!! ( R" Z) [7 k' b" H9 D8 E3 m
- H) {% o5 @9 z2 Q/ ^
其实只要找出swfobject.js和viewer.swf两个档就好了,不要多放啊!多放会不会有问题啊?阿舍没试过,有兴趣的大德可以来 try try看哩!扯远了...,把这两二个档案复制到Falsh Gallery模组的资料夹下的Simpleviewer资料夹里去,什么?没有Simpleviewer的资料夹?喔!这是正常的,各位大德请自己建一 个新的资料夹来用,但是资料夹名称可一定要叫做Simpleviewer才行的!
) T- K# g4 ~  F* B
3 h# L# R' F; z9 N( ?7 y, o3.设定权限
  [9 _" r8 x  a* \
" D. V2 Z* q$ x2 Z: FFlash Gallery模组没有什么权限好设定的,到「管理」>「使用者管理」>「权限控制」(/admin/user/access)的Flash Gallery Module下面,只有一个叫做「administer flash gallery 」的项目可以设定,这个项目很简单,就是可以到Flash Gallery的管理界面来变更设定。
9 _. r! d; H& M" }8 w+ r' w
' j- }( k5 G* F6 v5 B0 E4.设定Flash Gallery ! n; U6 ~1 H/ r/ Y4 F
9 t, J7 c: |- |4 q  S
相关的安装和启用动作完成之后,便可以到「管理」>「内容管理」>「Flash Gallery」(admin/content/fgallery)来做下列设定:
+ M) U8 Y4 ^  S! \
" g+ j. e% p* O! v# ~+ \「dimensions」
9 i: q3 ~0 J; L( p) b- \& Q. y, r7 ]0 `* @/ ?
这个栏位群组都是在设定一些和大小有关的项目。
5 v! _) E) [% W- Z+ o- P$ j. F" s
6 U: L) P  \+ B6 @$ T7 a: bwidth of flash animation:
3 P- i2 m) E: P) l( r+ F$ N# u; P1 `9 i( W# j: [
当开启Flash Gallery的相簿浏览画面时,整个浏览画面大小的宽度。   w& ~' c( @: j4 j% X1 n3 s: f/ g

' W! [: J0 m" ?: Y: C2 ~height of flash animation:
6 f) r% N7 D) e: I$ M0 ]! A$ H  \; p/ n: N/ M9 ~* B
当开启Flash Gallery的相簿浏览画面时,整个浏览画面大小的度度。
. G- T2 t1 u! B, l' |$ J
  F/ e2 y5 Z/ ?/ N1 e& B. F# mwidth of your largest image in pixels: " P/ I4 y, u& e: {

8 p2 x9 s  W" \. J3 g& N  M. f图档的寛度(当图档的大小超过这个宽度时,就会改成这个宽度,小于就照原来的尺寸显示..)
: @1 q6 r/ l- ]- b  S- H3 d
0 b5 p1 q% O  Q, wheight of your largest image in pixels:
& o  v1 t. N# u( c/ U/ @; _4 r8 W3 n" u$ ~7 y/ o
图档的长度(同上)
; T5 t) P, q% V8 J9 [
9 I1 y, v6 `6 J, b3 G, a4 Iwidth of image frame in pixels: 7 r% E) h1 w# v' J  ]
: L7 c( X& Y: v: w1 j
用来设定金,外框的宽度,设的越宽,图就会变的更小 9 O: v7 I8 V5 C  s! W

8 b4 c* ^: s' B8 g4 V2 zstage padding: / t2 N/ a1 G0 w' w; }/ n" F
/ F0 @2 }; |$ c) T' u* p
上一个项目是设定显示图片的外框,而这里就是设定整个Flash Gallery相簿浏览画面的外框,其实不能说是外框,实际上指的是外框和内容之间的距离,有用过CSS的大德大概都对这个Padding有了解吧?就是 那个意思哩!
, F0 G! Y4 q, P' e+ @( m9 [% m% G5 Z' g, N% V+ q. ^" }3 Q
「Color」 ; ?1 x0 J& V- w0 e
, G4 C+ S) p) Q5 ?& i+ u
设定Flash Gallery相簿浏览画面的各种颜色。 # u7 p- M% h! o  `

" d( Y: m! ~6 i. P' E0 e# ^) U$ Dbackground color: 9 m! c! i; T: g6 D6 x
, Y9 l( s5 o$ ]6 n0 z% ]
整个Flash Gallery相簿浏览画面的背景色。
* l, i* w, W1 o6 d3 d" E% k5 L# B$ {1 o1 ^, b
tranparency . J4 T( T0 o  W3 v5 C# n2 k9 k
- e+ `% n; V4 }- l
是设定说要不要让背景有透明的效过,这个阿倒是没试出个所以然来,启用后,背景就都成白色的了....=___=!!
3 i  l5 o% ?9 ^% c+ h  r: x4 j# S' q, {6 T0 T5 P
flash loader color: 3 D: ?* s: ]4 Y/ R! W- T
* f( ^3 D% ~* N) E
这是在读片资料时,出现显一条颢示读入进度的那一横条的产色。 " \+ m. K/ N$ h! c3 I7 g8 [* Y
& k$ `( Y6 ]  ^! ^6 S! R1 \$ z' ?7 y
text color:
3 J) `& z3 s* `( p! S- L
# ^& G  C  }& ]( ?( |' z/ w字的颜色。
6 M2 ]6 O3 H, C6 \# ?
3 J. B+ r% u+ \! \5 R6 j+ O* Kframe color: $ u1 s, v8 Z' B1 d& T
# |. r( c8 q- Q8 p* N. V/ H
这个就是用来设定上面提到的Flash Gallery相簿浏览画面的外框的颜色哩!
& H; o# |1 t' q% C8 w. `* @5 b1 H% v8 J6 `: ?  L: y$ Z
「navigation」
; \, Z, R" r, v) I" z
- P' A4 Y6 z- r+ o3 n再来就是设定一些定位的项目了。 - i+ [, ]; G# X% L+ ~1 l2 [

5 K, o+ X/ `& t/ N4 j4 ?navigation position: ( i* m4 z9 n0 R( G0 b/ V
$ Y$ q( q, n2 h( g1 q
这个是用来指定那一排显示缩小图示( thumbnails )的导览列的位置,预设是显示在上面,各位大德可以依照自己的兴趣来摆放哩!
2 X, b6 A9 u5 Q, [. b' A! p7 i# O5 ^8 M  b1 ]: y2 \
thumbnail columns: 1 Y: ], c5 L# ^1 W! U/ R
# B" U4 S7 I: K8 N
这是设定那一排导览列要出现几张照片。 - A3 V! e  [+ n9 ^0 `
% a" N6 |$ i. z6 H2 P6 ]  n
thumbnail rows: 2 z$ [: h3 t! M: t1 Z

0 x" u' p& T  K+ u而这个就是设定导览列要显式几列的照片。 9 A4 x* h5 v9 L/ ~" G4 a0 h0 O

- o8 i( o' `' b( ^2 U' w「miscellaneous」 ' W6 W; \3 [4 j) w

1 V! z$ G( ^# J, Z, A& d终于来到最后的其它这个项目了,有点快没力的感解!!..下面的项目,有勾就会用,没勾就不会有作用的。 . |/ Y; k% E: \1 s$ O

( n4 K- G' c# Y' o0 Sdisplay title 8 m+ g# }' Z8 M2 i

, t* {5 w" k" d" d显示照片的标题(直接翻了)
) o# K' l; }; U6 a/ w! i! y7 W: o  q& c3 Y* `; Y
display album name
4 a  ?. _. j7 p" A$ v
- V; a2 N8 z8 K  Q0 H" E  S3 `显示相簿的名称
; l5 |9 _8 @& V7 r9 N4 G& A+ \7 T3 i- v' p) ~, [% J
display download link
$ t) j* U- \8 n' y7 c" u' Q, |, x; a' g
会在图片的标题旁边显示档案下载的连结 . N; G6 m) W9 X8 G$ g$ f

. ~& \) |. [5 o- f& C0 ibuild thumbnail library % ]$ |, I  C0 L9 J
  a- V0 {+ R+ R' u+ D
这个就比较特殊了,这个功能是为了要将安装Flash Gallery模组之前,已存在的图档建立缩图的资料库建立缩图库,所以需要透过这个功能来重建。
! }5 B! a2 `+ H+ S3 P" f8 D" _* n
1 @$ y5 G- f! E5 {' B& [/ m以上就是Flash Gallery模组的设定项目,虽然有点多,但是还不会太难的吧!! ^^
6 P9 w: C6 B( o, u$ h9 F- m
# o, _8 Z- @- F  R5.使用Flash Gallery
8 L8 B7 I3 [! V/ p7 G6 }  _5 l: C# ]  i8 x
安装设定完成之后,就可以用网址到/fgallery来启用这个功能; T" S; v( D7 Q5 n; N2 N3 A- t% r

3 J6 v( b8 T* f
& u0 K% ^' w% I5 s' i9 n; Y  d$ O: V4 v1 v6 K& `/ a7 q' z  o# d8 P

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

GMT+8, 3-15-2025 01:01 , Processed in 0.484540 second(s), 234 queries .

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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