Home · AJAX · ajax - list of light boxes,thick boxes,pop ups and modal windows

ajax - list of light boxes,thick boxes,pop ups and modal windows

Awesome Box

Awesome Box is a very simple and unobtrusive Javascript that loads images in the same window, overlaid over the page's content.

Awesome Box

---------------

Control.Window

Control.Window is a fully programmable, multi purpose windowing toolkit for Prototype. It covers a wide variety of use cases and allows for a high degree of customization. It can attach to links to open the targets as windows, or can be filled with dynamic content. It includes support for stackable, draggable and resizable windows. Subclasses to handle Modal windows, LightBoxes and Tooltips are included.

Control.Window

---------------

EnlargeIt! v1.00

EnlargeIt! is a little Javascript you can use in your website. It enlarges thumb images beautifully with a mouse click. You can use different animations (fade in/out, several glide modes) if you like. You can add AJAX content to your images.

EnlargeIt! v1.00

---------------

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.

Facebox

---------------

FancyZoom

This much-requested chunk of Javascript to zoom images inline, originally written for this blog but later rolled out to the Panic website and used for screenshots, is now polished up, bug-fixed, available for you to use on your website!

FancyZoom

---------------

FancyBox

Automatically scales large images to fit in window
Adds a nice drop shadow under the zoomed item
Groups related items and adds navigation through them (uses preloading)
Can display images, inline and iframed content
Customizable through settings and CSS

FancyBox

---------------

Floatbox

Floatbox is tool for displaying images and html content in a styled "lightbox" that floats overtop of an existing web page.
It is client-side javascript that works by attaching behaviours to html anchor elements.
Floatbox was originally derived from Lytebox which in turn was derived from Lightbox JS.

Floatbox

---------------

GreyBox

GreyBox can be used to display websites, images and other content in a beautiful way.

GreyBox

---------------

Highslide JS

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages.

Highslide JS

---------------

iBox

iBox is a lightweight script that lets you overlay images and documents in a small dialog without a page reload. It's built to be easy to install and use, while offering great flexibility.

Highslide JS

---------------

Query lightBox plugin

---------------

Imagebox

---------------

Query lightBox plugin

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.

Query lightBox plugin

---------------

Leightbox

Changed ParticleTree's lightbox functionality to allow the use of inline div's instead of AJAX calls

Leightbox

---------------

Lightbox Gone Wild!

a bit more flexible for extending a web siteÃ¢â‚¬â„¢s interface. In this tutorial, weÃ¢â‚¬â„¢ll take a look at how to create a modal window using some nifty JavaScript and CSS.

Lightbox Gone Wild!

---------------

Lightbox JS

Lightbox JS is very cool and useful script to display an image on the page.

Lightbox JS

---------------

Lightbox 2

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

Lightbox 2

---------------

LightWindow v2.0

---------------

Lightview

Lightview was built to change the way you overlay content on a website.

Clean: Designed to compliment your content.
Fast: Smart image preloading.
Easy to customize: You don't even have to know CSS.
Rounded: Adjustable rounded corners, without PNGs.
Smart resizing: Content will always fit on your screen.
Custom events: Using Prototype 1.6
Slideshow: One button slideshow.
Effects: Using Scriptaculous.
Works on all modern browsers.

Lightview

---------------

Litebox

Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.

Litebox

---------------

Lytebox

Lytebox was written from the Lightbox class that Lokesh Dhakar (http://www.huddletogether.com) originally wrote. The purpose was to write a self-contained object that eliminated the dependency of prototype.js, effects.js, and scriptaculous.js.

Lytebox

---------------

Milkbox - Lightbox for Mootools 1.2

just another lightbox clone, but this time is written for Mootools 1.2. I needed it, so I decided to write my own, and since someone else could need it, I think it's time to share it.

Milkbox - Lightbox for Mootools 1.2

---------------

ModalBox

ModalBox is a JavaScript technique for creating modern (Web 2.0-style) modal dialogs or even wizards (sequences of dialogs) without using conventional popups and page reloads. ItÃ¢â‚¬â„¢s inspired by Mac OS X modal dialogs. And yes, it may also be useful for showing larger versions of images. :)

ModalBox

---------------

multibox

lightbox that supports images, flash, video, mp3s, html.

multibox

---------------

MOOdalBox - an HTML Lightbox

A modal box (inline popup), used to display remote content loaded using AJAX, web 2.0 style, written for the mootools framework.
It can be used to display some help document, an extra options page, a registration form, etc. It eliminates the need of classic popup windows, that may get blocked by popup blockers.

moodalbox

---------------

NyroModal :: jQuery Plugin

---------------

prettyPhoto a jQuery lightbox clone

---------------

prettyPhoto a jQuery lightbox clone

---------------

Prototype Window

This javascript class allows you to add window in a HTML page.
This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory.
It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine.

Prototype Window

---------------

Roebox

Roebox.0.9 is a combination of both Lightbox 2.02 and Slimbox 1.03.

Roebox

---------------

Slightly ThickerBox

Slightly ThickerBox is a modification of Cody Lindley's Thickbox script. I modified it for use on my Jason's Toolbox Redesign. The modifications allow the script to generate "Previous Image" and "Next Image" links.

Slightly ThickerBox

---------------

Slimbox, the ultimate lightweight Lightbox clone

Slimbox is a 4kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2

Slimbox, the ultimate lightweight Lightbox clone

---------------

Smoothbox, Thickbox for mootools

Smoothbox is the Mootools conversion of Thickbox, a script running on JQuery.
For the description and the features, you can go to ThickboxÃ¢â‚¬â„¢s website, as they are basically the same.
Slimbox, the ultimate lightweight Lightbox clone

---------------

subModal

---------------

Suckerfish HoverLightbox Redux

---------------

SWFbox v1.2

SWFbox is a lightweight JavaScript file to present flash files as pop-ups on a page, pretty much like Lightbox does for images. Each SWFbox is dependent only by the id of the parent div (the swfName variable). That way you can have more than one SWFboxes in any page.

SWFbox v1.2

---------------

ThickBox

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

ThickBox

---------------

TinyBox

TinyBox is an easy to use lightweight JavaScript library for creating modal windows/dialogs in an elegant manner, without using traditional pop-up windows. It can be used to overlay content on the current page (i.e. you can load a page and display it in a box above the current one).

TinyBox

---------------

YUI Based Lightbox - Revisited

---------------

01.08.2008. 07:01

This article hasn't been commented yet.

Write a comment

* = required field

Spread the word!

	Subscribe to this site




Subscribe via EMAIL We respects your privacy. We never sell, rent, or trade your email address to other companies.

Why This Site?

Web-developers have written many articles about php,ajax,css,javascript,dhtml and DOM, and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time.Here in this site you will find a list of techniques we , as web-architects, really could not live without. They are essential and they indeed make our life easier. Let's take a look at all category techniques you should always have ready to hand if you develop web-sites.