作者privatewind (伤神客)
看板Blog
标题[Blogger] 点选图片的特效-Lightbox2
时间Tue Jul 26 17:56:20 2011
看前面文章，有朋友在安装LightBox2 上有问题，我就来野人献曝罗:)
与前面不同的是，我在安装css时，是允许外连的，只是在lightbox.js的设定时，
图片的路径容易出错，我建议大家使用绝对路径去设置，我猜是因为它多加了#
不过我也没心力去除错 :(
网志图文版:
http://www.joen.cc/2011/07/lightbox2-shadowbox.html
1. 下载Lightbox2
http://www.lokeshdhakar.com/projects/lightbox2/releases/lightbox2.05.zip
2. 解压缩後，请检查位於/css/lightbox.css中的prevlabel.gif
及nextlabel.gif的路径是否正确。
#prevLink:hover,
#prevLink:visited:hover { background: url( prelabel.gif的位置
) left 15% no-repeat; }
#nextLink:hover,
#nextLink:visited:hover { background: url( nextlabel.gif的位
置) right 15% no-repeat; }
3.检查/js/lightbox.js中的loading.gif,及closelabel.gif的路径是否正确。
fileLoadingImage: ' loadlabel.gif的位置 ',
fileBottomNavCloseImage: ' closelabel.gif的位置 ',
此处的位置，如果使用相对位置失败的话，请直接用绝对位置，因为lightbox2似乎有做
一些路径的处理; 不过我没那个心力去除错 :(
4.将其上传至网页空间後，再blogger的范本设定中的<head>到</head>间加入:
<!--Lightbox2 Begin-->
<link href=' lightbox.css的位置 ' media='screen' rel='stylesheet'
type='text/css'/>
<script src=' prototype.js的位置 ' type='text/javascript'/>
<script src=' scriptaculous.js?load=effects,builder 请记得在前面加上
scriptaculous.js 的位置' type='text/javascript'/>
<script src=' lightbox.js的位置' type='text/javascript'/>
<!--LightBox2 End-->
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.41.217.68
※ 编辑: privatewind 来自: 114.41.217.68 (07/26 17:56)
※ 编辑: privatewind 来自: 114.41.217.68 (07/26 17:58)