LightBox 对话框

12 篇文章 0 订阅

http://hi.baidu.com/d%B6%FEd/blog/item/cd3f12501d6c9611367abec1.html

From: http://www.dottony.com/30-useful-ajax-lightbox-and-modal-dialog-solutions/

Modal dialog, windows or a popular term lightbox is an unobtrusive ajax solution for displaying the content inside the page itself, it overcome the constraint of pop up windows which blocked by most of the modern browser. However, the usages of lightbox is more widely apply to preview of images, image gallery and form model. Since it only loads the relevant content in a box, it increase the loading time and whole user browsing experience. Below shown the details and demonstrate the default outlook of the lightbox.

1. Lightbox2

lightbox2.jpg

A popular lightbox solutions that written by Lokesh Dhakar, it is built on prototype and scriptaculous framework. It only supports images and slideshow.

 

2. Lightbox Gone Wild

lightbox-gone-wild.jpg

Inspired by lightbox and include the support for form and html. It is based on prototype and scriptaculous.

3. Colorbox

colorbox.jpg

Lightweight and customizable lightbox plugin through CSS and jQuery. The plugin support images, image group, ajax, inline content and iframe content.

4. Fancybox

fancylightbox.jpg

Display images, html and multimedia content. It is a jQuery based lightbox.

5. jQuery Lightbox Plugin

jquerylightbox.jpg

Similar to Lokesh Dhakar lightbox solutions, except it is jQuery based.

6. prettyPhoto

prettyphoto.jpg

Jquery lightbox clone and support more multimedia format.

7. Litebox

litebox.jpg

Lightweight lightbox which built on moo.fx and prototype.lite.

8. Thickbox

thickbox.jpg

Similar solutions to lightbox2, but it has more features like display inline content, iframed content or content served through ajax in a hybrid modal. It is build on jQuery.

9. Slightly Thickerbox

slightlythickerbox.jpg

A mod from thickbox which add on next and previous button to form a images gallery.

10. Slimbox

slimbox2.jpg

The ultimate lightweight Lightbox clone for jQuery. As stated, slim and slimmer solutions for lightbox.

11. LightView

lightview.jpg

Built with prototype and scriptaculous. Supports plenty of media format.

12. jQuery Dialog

jquerydialog.jpg

jQuery UI also contains dialog component, although its nature is more like a dialog and form. But, you can customize to create your own flavor of image preview or gallery.

13. Prototype Window

prototype.jpg

A prototype based window dialog.

14. MochaUI

mochaui.jpg

MochaUI is an UI framework for mootools. It includes dialog windows for displaying rich content.

15. Facebox

fambox.jpg

Facebook lightbox aliked, jQuery based modal dialog. It support images, div or entire remote pages.

16. Boxy

boxy.jpg

Facebox aliked, but it support more features like dragging and size tweening.

17. ModalBox

modalbox.png

A modal dialog that allow you to include html within. Build with prototype and scriptaculous.

18. Shadowbox

shadowbox.jpg

Support most of the media format and it is customizable through css. On top of that, it is a standalone javascript solutions. It is free for non-commercial usage.

19. LightWindows

lightwindow.jpg

A comprehensive lightbox solutions which enable you to embed images, video,iFrame, flash and more.

20. SimpleModal

simplemodal.jpg

Yet another jQuery based modal dialog.

21. jqModal

jqmodal.jpg

22. Multibox

multibox.jpg

Support images,flash, video, mp3 and html and it is build with mootools.

23. Greybox

greybox.jpg

Can be used to display websites, images and other content, doesn’t rely on any ajax framework.

24. Highslide

highslide.jpg

A really quick and smooth free image viewer. It supports plenty of formats like html,ajax,iframe and flash.

25. Sexybox

sexybox.jpg

Another standalone lightbox which display content directly from html.

Lightbox Generator

VisualLightbox

WebGalleryCreator

Lightbox Plugins for Wordpress

Lightbox2

jQuery Lightbox

Shadowbox

Flexible Lightbox

If you need more lightbox plugin for wordpress, you can visit the link here.

Alternative Solutions

Creating Lightbox with CSS

Firefox hack – Greased Lightbox

 

Related posts:

  1. 15 Essential Sites For Free Stock Images
  2. Shortener..Shortener…40+ URL Shortener at Your Services!
  3. 60 Awesome Sites for Free Fonts
  4. 10 Great Places For Free Twitter Background  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值