阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.facyBox 中文API文档

      插件 jQuery.facyBox 中文API文档 https://github.com/bitbonsai/facyBox facybox

      Demo: facybox homepage or open index.html.
      Need help? Join the Original Facebox Google Groups mailing list

      Benefits added by mWolff

      • Caption below picture for Galleries
      • New loading image
      • If Content is smaller then Browser’s Height, centralize vertically
      • Improved msie support

      Benefits compared to original

      • Faster page load (does the heavy lifting when a facybox is opened and not at startup)
      • Smaller file size (smaller code + minified using YUI)
      • Locally testable (does not require you to host a server just to try locally)
      • Gallery mode available
      • Useable as modal dialog (additional mode that does not allow users to dismiss the box)
      • Clean separation between JS/CSS (no images/styles inside JS)
      • Separate centralize method to re-center the facybox externally
      • No need to edit CSS (paths are set to images/facybox instead of /facybox)
      • afterClose event is fired

      Installation

      Download and unpack (use download button above). Images go into /images/facybox or you can overwrite them in facybox_urls.css.

      Options

      #name        : default
      noAutoload   : false #do not generate facybox box at start, saves time (use when infrequently used)
      opacity      : 0.3
      overlay      : true
      modal        : false #do not allow the user to dismiss the dialog
      imageTypes   : [ 'png', 'jpg', 'jpeg', 'gif' ]
      

      TODO

      • add modal mode demo
      • show loading during whole Ajax/Images load

      Author

      Original: defunkt
      Enhancements: Michael Grosser

      Facybox port: Mauricio Wolff

      目录
      本文目录
      目录