etti
gsactiveImage_set_image_to_viewfu
ctio
_set_i
terfacebodyappe
ddivid“jqueryoverlay”divdivid“jquerylightbox”divid“lightboxco
tai
erimagebox”divid“lightboxco
tai
erimage”imgid“lightboximage”divstyle““id”lightbox
av”ahref“”id“lightbox
avbt
Prev”aahref“”id“lightbox
avbt
Next”adivdivid“lightboxloadi
g”ahref“”id“lightboxloadi
gli
k”imgsrc“setti
gsimageLoadi
g”adivdivdivdivid“lightboxco
tai
erimagedatabox”divid“lightboxco
tai
erimagedata”divid“lightboximagedetails”spa
id“lightboximagedetailscaptio
”spa
spa
id“lightboximagedetailscurre
tNumber”spa
divdivid“lightboxsecNav”ahref“”id“lightboxsecNavbt
Close”imgsrc“setti
gsimageBt
Close”adivdivdivdiv
f项目5：使用JavaScript247
11下面的脚本将确定页面大小和设置CSS样式，同时添加正确的导航按钮。
vararrPageSizes___getPageSizejqueryoverlaycssbackgrou
dColorsetti
gsoverlayBgColoropacitysetti
gsoverlayOpacitywidtharrPageSizes0heightarrPageSizes1fadeI
vararrPageScroll___getPageScrolljquerylightboxcsstoparrPageScroll1arrPageSizes310leftarrPageScroll0showjqueryoverlayjquerylightboxclickfu
ctio
_fi
ish
lightboxloadi
gli
klightboxsecNavbt
Closeclickfu
ctio
_fi
ishretur
falsewi
dowresizefu
ctio
vararrPageSizes___getPageSizejqueryoverlaycsswidtharrPageSizes0heightarrPageSizes1vararrPageScroll___getPageScrolljquerylightboxcsstoparrPageScroll1arrPageSizes310leftarrPageScroll0
12当你加载一个图片时，设置动画的参数。
fu
ctio
_resize_co
tai
er_image_boxi
tImageWidthi
tImageHeightvari
tCurre
tWidthlightboxco
tai
erimageboxwidthvari
tCurre
tHeightlightboxco
tai
erimageboxheightvari
tWidthi
tImageWidthsetti
gsco
tai
erBorderSize2vari
tHeighti
tImageHeightsetti
gsco
tai
erBorderSize2vari
tDiffWi
tCurre
tWidthi
tWidthvari
tDiffHi
tCurre
tHeighti
tHeightlightboxco
tai
erimageboxa
imatewidthi
tWidthheighti
tHeightsetti
gsco
tai
erResizeSpeedfu
ctio
_show_image
f248
项目5：使用JavaScript
ifi
tDiffW0i
tDiffH0ifbrowsermsie___pause250else___pause100lightboxco
tai
erimagedataboxcsswidthi
tImageWidthlightbox
avbt
Prevlightbox
avbt
Nextcssheighti
tImageHeightsetti
gsco
tai
erBorderSize2
13下面的函数准备预加载图片。
fu
ctio
r