Likno Web Modal Windows Builder
Examples of cross-browser, feature-rich jQuery modal windows for your web sites!

The jQuery modal window examples below cover most of the properties found on the software, offering you interesting hints and ideas on how to create your own useful and stylish modal windows (dialogs) for your web pages:

• Click below to see Open/Close effect options of modal windows:
  Effect 1    Effect 2    Effect 3    Effect 4    Effect 5

 

• Click below to see thematic Modal Windows, using stylish frames from our Photo Frame Show service:
  

 

• See Modal Window examples displaying a SlideShow of images (Photo Gallery):
SlideShow 1    SlideShow 2    SlideShow 3
SlideShow 4: Blend both Content (HTML) and Image slides in one cool presentation!

 

• The following is an Image Map (image with hotspots), where each island is a separate area on the map. Click on any island (area) to open a different modal window per island:

(for "how-to" instructions view "Example 18" in the application)

 

• The following is also an Image Map (product-related image with hotspots). Each separate area on the map opens a different modal window per product:


 

• Click below to see different styles of "single-sheet" modal windows:
  Example 1    Example 2   Example 3
  (you can fully customize all areas, with your own colors, images, CSS, etc.)

 

• Click below to see Navigation Bar options of "multi-sheet" modal windows:
  NavBar 1    NavBar 2    NavBar 3    NavBar 4    NavBar 5    NavBar 6

 

• Click below to see a Modal Window displaying a single image:


 

• Click here to see a Modal Window whose content is embedded (content specified within the application and retrieved from the project's compiled file).

 

• See Modal Windows whose content is a hidden Page Element (an element existing inside this page's HTML code, as you can see with "view source"):
  - A hidden Form element of this page - click here
  - A hidden Paragraph element of this page - click here
  - A hidden Div element of this page - click here

 

• Click here to see a Modal Window whose content is another HTML file of this website, accessed with AJAX technology.

 

• Click here to see a Modal Window displaying an external website.

 

• Click below to see a Modal Window displaying a YouTube video.


 

• Click here to see a Modal Window with no footer.

 

• Click here to see a Modal Window with header (and footer).

 

• Click here to see a Modal Window that includes all available closing options (images, 'Esc', overlay and custom areas).

 

• Click on any of the following different links to show the same Modal Window:
  Link 1 for same window
  Link 2 for same window
  Link 3 for same window

The above example demonstrates that you can show the same modal window by clicking on several different page elements and not just one. How? (modal window opens with explanation)

Many ready-made examples (like the above and more) are included inside the application:

Download the application to view all examples