LOGO: 深埋在最最狂野的季节
WWW.VGOT.NET
My heart is like an open highway, Like franke said I did it my way.
科技创造力量,网络成就梦想。凝聚天下,开阔眼界

Top 10 jQuery Modal Box Plugins

发布时间:2011/03/10 20:57 分类:Web前端 作者:pader 点击:10004
Web前端

A list of the top 10 Modal Box jQuery plugins.

clip_image002

http://colorpowered.com/colorbox/

     
  • Supports photos, photo groups, slideshow, ajax, inline, and iframed content.
  •  

  • Lightweight: less than 9KB of JavaScript.
  •  

  • Appearance is controlled through CSS so users can restyle the box.
  •  

  • Can be extended with callbacks & event-hooks without altering the source files.
  •  

  • Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
  •  

  • Preloads background images and can preload upcoming images in a photo group.
  •  

  • Written in jQuery plugin format and can be chained with other jQuery commands.
  •  

  • Generates W3C valid XHTML and adds no JS global variables & passes JSLint.

clip_image004

http://www.clearbox.hu/index_en.html

     
  • Multi-language support and more user settings
  •  

  • New animation called “grow”
  •  

  • Clearbox works BEFORE the page is fully loaded
  •  

  • Multi-line comment to any content
  •  

  • Rotate images, fancy OSD
  •  

  • Create galleries for Flash, Quicktime, Windows Media, HTML, inner content, etc.

clip_image006

http://flowplayer.org/tools/overlay.html

     
  • The overlay can contain any HTML and the whole thing can be styled with CSS.
  •  

  • This tool uses a simple and natural syntax and has an advanced programming API. You can extend it with callback methods or with your own plugins.
  •  

  • Auto-hiding functionality for next/prev links and for the image description element.
  •  

  • Automatic preloading of the images.
  •  

  • Standards-based syntax. Works even on browsers without JavaScript enabled.

clip_image008

http://fancybox.net/

     
  • Adds a nice drop shadow under the zoomed item
  •  

  • Groups related items and adds navigation (preloades images)
  •  

  • Can display images, inline, ajax and iframed content
  •  

  • Customizable through settings and CSS
  •  

  • Support fancy transitions by using easing plugin

clip_image010

http://www.shadowbox-js.com/index.html

Shadowbox is an online media viewer application that supports all of the web’s most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

clip_image012

http://leandrovieira.com/projects/jquery/lightbox/

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

clip_image014

http://famspam.com/facebox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

clip_image016

http://nyromodal.nyrodev.com/

     
  • Ajax Call, Ajax Call with targeting content, Ajax call can change the modal size
  •  

  • Single Image
  •  

  • Images Gallery with arrow navigating
  •  

  • Gallery with any kind of content
  •  

  • Form, Form in iframe, Form with targeting content, Form with file upload Form with file upload with targeting content
  •  

  • Dom Element
  •  

  • Manual Call
  •  

  • Iframe
  •  

  • Error handling
  •  

  • Modal will never goes outside the view port
  •  

  • Esc key to close the window
  •  

  • Customizable animation, Customizable look
  •  

  • Modal title
  •  

  • Ability to block only one element
  •  

  • W3C valid HTML (Transitionnal)

clip_image018

http://www.intelliance.fr/jquery/imagebox/

simple limited lightbox

clip_image020

http://www.pirolab.it/pirobox/

jQuery piroBox plugin is simple images gallery, realized with jQuery library

clip_image022

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.

It comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)!

网友评论
  • 评论正在加载...
发表评论
名字: 主页: 邮箱:
© Copyrights VGOT.NET 2008-2009 皖ICP备17000202号-1
Processed in 0.0054719 second(s), 4 Queries, Memory 574.06 KB.