Features

Create cross-browser jQuery Modal Windows to display information when visitors click on page elements of your choice (or even on page load!).

Use simple text, HTML code, images, videos (YouTube, etc.), animations, Flash, or whole pages (AJAX, URL) as the content of your Modal Windows.

Create SlideShows for showing images, product descriptions and more.

Create projects fast by using ready-made examples already installed in the application.

Universal: Use in all authoring tools (Dreamweaver, Expression Web, etc.) and CMS platforms (Joomla, Drupal, Wordpress, etc.).

Position the appearing modal window anywhere you like!
Lots of options, such as positioning the modal window relative to "the Browser Window (default)", "a page Element" or "an Image"... and at any corner or side of that chosen "Target".

Create any type of modal window, such as: window popup, jquery dialog, html window, html popup, jquery popup, modal popup, modal dialog, jquery modal, javascript modal, css popup, ajax modal, etc.

Use multiple Modal Windows on the same page.

Add dynamic content (database-driven or programmable) to your Modal Windows through AJAX techniques.

Use page elements to define the content of your Modal Windows easily from within the page.

Add a Header or Footer to your Modal Windows for extra information.

Create single-sheet Modal Windows (all content on a single sheet) or multi-sheet Modal Windows (multiple content on separate sheets, for an Image Gallery, Product Presentation, etc.).

Use a variety of Navigation Bars on multi-sheet Modal Windows. Use CSS and dedicated properties to fully customize the appearance of "First", "Previous", "Next", "Last" buttons, text label, sheet numbers, background of the bar, mouse over effects and more!

Enhanced Navigation Bar functionality to include "Bullets" (as "sheet numbers"), Opacity on Normal or Mouse Over states, etc.

Open Modal Windows through a variety of triggering options: ID, CLASS, NAME, onclick event, AllWebMenus item.

Set a Modal Window to open automatically on page load, instead of clicking on a page element.

Use the "Auto Popup Window" Add-in for more options, such as:

• Open a popup window with a delay of some seconds
• Close the popup window automatically after some seconds
• Do not show the popup window to the same user twice (through cookies)

Set a Modal Window to open on Mouse Out of Page, i.e. when the user drags the mouse outside the page from its top side (does not apply to the three other sides). This happens only once while the page remains open, unless the page is refreshed.

Use Rounded Corners around the modal window. Available in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others). You can adjust the roundness of each corner all together or even separately!

Apply a Shadow to the modal window, in browsers that properly support CSS3 (IE9+, Opera 10.50+, Firefox 3.5+, Safari/Webkit 522+, Chrome and others).

Allow keyboard navigation on multi-sheet windows (slideshows). The visitor can use the arrow keys to navigate through sheets (slides) and the "P" key to "play/pause" the modal slideshow.

Make forms show their results in a specified Modal Window.
This is used so that the user views the results of a form (i.e. the content after the form's "submit" button is pressed) into a modal window opening above the page.

Use complete help for all properties and procedures. Press F1 while you are on a property to immediately receive Help for that property.

Live Examples available online.

Powered by the popular jQuery open source library.

The produced modal windows are fully cross-browser, i.e. they work alike in all browsers supporting DHTML and Javascript (like Firefox, Internet Explorer, Google Chrome, Opera, Mozilla, Konqueror, Safari and more).

Likno Web Modal Windows Builder will save you a significant amount of time and effort required to fully understand DHTML, Javascript and jQuery code for creating powerful web modal windows!

Examples