A Simple yet extendable jQuery modal script built for use with inline HTML, forms, and images in mind.
There are many other modal plugins out there. The goal of this project is to make one that is dead simple to use and implement, while still allowing for easy customization.
Features
- Stand alone JS file. No additional CSS file required.
- Window resize handling for better performance responsive websites.
- Vertical scroll position retention to maintain the user’s position on the webpage.
- On-the-fly modal HTML generation. No preprocessing loops before the page is shown to the user.
- Content type handling:
- Image tags
- Links to images
- Inline HTML
- Inline HTML defined by element id
- Iframe lazy loading for iframes in hidden modal content to improve page load.
Download: https://github.com/msigley/jquery-chaos-modal
Demonstration: https://github.com/msigley/jquery-chaos-modal/blob/master/README.md
Plugin homepage: https://github.com/msigley/jquery-chaos-modal
Implementation:
Options:
Screenshots: