jQuery插件---Fancybox

时间:2011-10-19 13:56:35
【文件属性】:

文件名称:jQuery插件---Fancybox

文件大小:47KB

文件格式:ZIP

更新时间:2011-10-19 13:56:35

网页 Fancybox 特效

How to use 1. Setup Include nessesary JS files (FancyBox uses pngFix to fix IE png transparency). --------------------------- /* required */ /* optional */ -------------------------------------------- Include FancyBox CSS file. Dont forget to change image paths. -------------------------------------------- -------------------------------------------- 2. Add your images Add images and wrap them with a link to the zoomed version -------------------------------------------- -------------------------------------------- Optional: Use the title attribute if you want to show a caption Optional: Use the rel attribute to group images 3. Use the plugin Sample examples: -------------------------------------------- $(document).ready(function() { $("p#test1 a").fancybox(); $("p#test2 a").fancybox({ 'hideOnContentClick': true }); $("p#test3 a").fancybox({ 'zoomSpeedIn': 0, 'zoomSpeedOut': 0, 'overlayShow': true }); }); ------------------------------------------- Available options hideOnContentClick Hides FancyBox when cliked on zoomed item (false by default) zoomSpeedIn Speed in miliseconds of the zooming-in animation (no animation if 0) zoomSpeedOut Speed in miliseconds of the zooming-out animation (no animation if 0) frameWidth Default width for iframed and inline content frameHeight Default height for iframed and inline content overlayShow If true, shows the overlay (false by default) overlayOpacity Opacity of overlay (from 0 to 1) itemLoadCallback Custom function to get group items (see example on this page source) Comments


【文件预览】:
fancybox
----fancy_progress.png(12KB)
----fancy_shadow_e.png(146B)
----fancy_shadow_nw.png(207B)
----fancy.css(4KB)
----fancy_shadow_w.png(140B)
----fancy_shadow_se.png(239B)
----fancy_right.gif(207B)
----fancy_shadow_sw.png(221B)
----jquery-1.2.3.pack.js(29KB)
----jquery.fancybox-1.0.0.js(12KB)
----fancy_left.gif(206B)
----fancy_title_left.png(556B)
----jquery.pngFix.pack.js(3KB)
----Thumbs.db(24KB)
----fancy_shadow_ne.png(245B)
----fancy_closebox.png(2KB)
----fancy_title_main.png(149B)
----fancy_shadow_s.png(136B)
----fancy_title_right.png(559B)
----fancy_shadow_n.png(129B)

网友评论

  • 谢谢楼主分享。。拿走了
  • 还不错,用来参考了
  • 谢谢 很有意思 很好用
  • 怎么用不了?版本太低了?
  • 不错的资源,给了我很大的启示……
  • 不错的资源,给了我很大的启示……
  • 挺不错的,可以借鉴