Likno Web Modal Windows Builder
Examples of cross-browser, feature-rich jQuery modal windows for your web sites!
Likno Web Modal Windows Builder
User Interface for Javascript modal windows with various styles & options
Display internal HTML content, content you add easily through the interface (embedded)
External/internal (AJAX) pages, Images (gallery style) and more
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 different styles of "single-sheet" modal windows:
The following image uses an ImageMap, where each icon is a separate area on the map. Click on any different area to open a different modal window per area:
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 (google).
Click here to see a Modal Window displaying a YouTube video.
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)
Examples of cross-browser, feature-rich jQuery modal windows
created with Likno Web Modal Windows Builder!
This is the content of a hidden paragraph.
Find this paragraph inside the HTML code of this page (use "view source").
In this example the content is a hidden page element (a <p> that uses "display:none" on its style) and appears here when the modal window also appears.
The paragraph's "Page Element ID" is: hidden_paragraph_page_element (this ID you enter inside the application to identify this page element)
This is the content of a hidden div.
Find this div inside the HTML code of this page (use "view source").
In this example the content is a hidden page element (a <div> that uses "display:none" on its style) and appears here when the modal window also appears.
The div's "Page Element ID" is: hidden_div_page_element (this ID you enter inside the application to identify this page element)