Best jQuery Popup Window Plugins & Tutorials with Demo

jQuery.event.move : Drag event plugin

jQuery.event.move : Drag event plugin

Custom events ‘movestart’, ‘move’ and ‘moveend’ for jQuery.Move events provide an easy way to set up press-move-release interactions on mouse and touch devices.

Move events are designed to compliment drag events, where the two have different meanings: drag events are for transferring data while move events are for making responsive interfaces. That said, movestart, move and moveend events deliberately echo dragstart, drag and dragend events, with one significant difference: where the drag event fires continuously whether you have moved the pointer or not, the move event fires only after the pointer has been moved.

Facebook like photo gallery with comments with jQuery and PHP

Facebook like photo gallery with comments with jQuery and PHP

Have you thought about own facebook-style photo gallry system with comments? I think – yes. Today I made up my mind to prepare it for you. Main idea – when we click at images – they popup (ajax) with bigger image at the left and comments section at the right. All images are in the database (mySQL). And, of course, we will use PHP to achieve our result. Also, our comment system will prevent accepting more than 1 comment per 10 mins (to avoid spam).

Pageguide.js : Interactive guide for web page using jQuery and CSS3

Pageguide.js : Interactive guide for web page using jQuery and CSS3

pageguide.js is an interactive visual guide to elements on web pages using jQuery and css3.Instead of cluttering your interface with static help message, or explanatory text, add a pageguide and let your users learn about new features and functions.

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.