Best jQuery Popup Window Plugins & Tutorials with Demo

    OmniWindow : extremely customizable modal plugin for jQuery

    OmniWindow : extremely customizable modal plugin for jQuery

    Extremely customizable modal window plugin for jQuery with 139 lines of code, written specially for programmers.If you want to use your own names for modal and overlay classes, you can set them as options.OmniWindow uses two events to show and hide windows. You can trigger this events any time you need.OmniWindow uses this event name as trigger value to emulate mouse click on overlay.OmniWindow uses this event name to subsribe to ESC keyup.

    Flare Responsive Mobile-Optimized Lightbox Plugin in jQuery

    Flare Responsive Mobile-Optimized Lightbox Plugin in jQuery

    Flare – a custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries.

    Image/Video Navigation via:

    • UI buttons
    • Swipe gestures
    • Mousewheel navigation
    • Keyboard arrows

    Transitions:

    • Use hardware acceleratation on CSS transforms
    • Fallbacks to standard jquery animation in older browers

    Media Support:

    • Images
    • Fullscreen Video (YouTube, Vimeo, Vid.ly and local Video)
    • Automatically retrieves cover image for YouTube, Vimeo and Vid.ly videos

    bPopup : jQuery modal popup plugin

    bPopup : jQuery modal popup plugin

    bPopup is a lightweight jQuery modal popup plugin (only 1.26KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs. It’s not creating your popup but doing all the logic as opening, closing, centering on resize & scroll, creating a modal overlay etc. It can open any container you create with all kinds of content. bPopup has been tested in IE67-9, FF2-7, Opera 9-10, Safari 4-5 and Chrome 4-15.

    FueledWeb Pro Thumbnail Scroller with jQuery

    FueledWeb Pro Thumbnail Scroller with jQuery

    FueledWeb Pro Thumbnail Scroller is an advanced multipurpose jQuery plugin, html5 thumbnail scroller and image gallery.It is beautifully designed with 3D like effect and well developed with varieties of customization options, the plugin is perfectly used for product showcase, media gallery or item slider.

    Features :

    • Google font
    • AdvancedLightbox
    • Responsive Design
    • Over 50 plugin options and 25 theme variables
    • Custom look and feel of Scrollbar
    • Option to auto start from center item
    • Option to auto start slideshow with play and pause button
    • 5 Custom Event Handlers:
      • onSwitchItem
      • onSwitchCategory
      • onShowLightbox
      • onHideLightbox
      • onSwitchLightboxItem
    • Custom theming with 3 built in themes

    jQuery YouTube Popup Player Plugin

    jQuery YouTube Popup Player Plugin

    This is an easy to use jQuery Plugin to embed YouTube videos on your page by displaying them in a popup dialog box. I have used jQuery UI Dialog Widget as the popup container instead of reinventing the wheel. jQuery UI Dialog is a robust cross-browser mechanism to display a popup dialog box with title bar including a movable box with modal behavior.

    This is plugin is very simple to configure and use. YouTube Video Id can be stored in any attribute of the DOM element. This plugin keeps track of all the assigned popup events and won’t assign the click event if there already exists one, that way you can reassign the event for dynamically added HTML elements without affecting the existing ones.

    Multipurpose Bookshelf Slider – jQuery Plugin

    Multipurpose Bookshelf Slider - jQuery Plugin

    Multipurpose Bookshelf Slider is useful for displaying products such as books, magazines, dvd/cd and others. It’s a way to showcase products in an attractive manner. Features of “lightbox” to display images, videos (Youtube and Vimeo) and content with iframe. See the Live Preview for more details.

    Features :

    • Crossbrowser compatibility;
    • Set any size, width and height;
    • Gallery Navigation;
    • Lightbox;
    • Can display images, Videos (Youtube and Vimeo) and html content with Iframe;
    • Easing transitions;
    • Easy to configure and use;
    • Clean code. Minified only 12kb;
    • jQuery plugin. Compatible with jquery 1.4 or greater;
    • PSDs and examples included;
    • HTML documentation included;

    Minijs : jQuery Plugins made easy

    Minijs : jQuery Plugins made easy

    MiniJs.com provides a suite of simple and consistent jQuery plugins written in CoffeeScript including image slider, tooltip and notification.

    Messi : Simple jQuery Message plugin

    Messi : Simple jQuery Message plugin

    Messi is a jQuery plugin to show clean, elegant messages in a simple way. With Messi you will avoid to use default JavaScript alert notifications or new windows to provide extended information to the user.

    jQuery gzoom plugin

    jQuery gzoom Plugin

    gzoom is a new jquery zoom plugin with following features :

    • Click on plus and minus to zoom
    • Drag the slider to zoom
    • Zoom using mousewheel hover the image
    • Moving mouse hover the image change the pan
    • Click on the image to show in lightbox style
    • jquery.ui framework styled

    Thumba : jQuery Thumbnails gallery plugin like Google images

    Thumba : jQuery Thumbnails gallery plugin like Google images

    Thumba is a gallery jQuery plugin, that displays thumbnails as Google images. You can navigate by moving the mouse, or using “Left” & “Right” arrows.Press “Enter” or click on a thumbnail to open it into a lightbox.