之前有研究過在忍者用不用到ThickBox, 好像不成功…
LiteBox/ LightBox倒是沒問題, TB不再更新的關係, 所以找了網站內介紹的來用
這次的是FancyBox w 支援不少動畫效果w
要執行成功, 最重要還是要把所有folder改成正確的Path才行
圖像、JS、CSS都要改忍者上傳空間的path
效果可以看下面的連結
https://blog.cnobi.jp/v1/blog/user/9cb9ebcb59022d31cf4984e619c27f0c/1260939351
Outside HTML (Ajax)
圖片:
在<a href >內加上class=value
Group:
在<a href>內加上 ref=valueN
自動在圖片連結加上fancybox效果:
autoAdd.js (內容如下)
$(document).ready(function() {
$("a[href$=.jpg],a[href$=.png],a[href$=.gif],a[href$=.JPG]").fancybox(
{
'zoomSpeedIn' : 500,
'zoomSpeedOut' : 500
});
$("a.group").fancybox({
'hideOnContentClick': false
});
});
參考網站
hatena chips
Jquery Ref
[0回]
PR
