Best jQuery Popup Window Plugins & Tutorials with Demo

FBModal : Facebook like Modal Dialog jQuery plugin

FBModal : Facebook like Modal Dialog jQuery plugin

FBModal is a jQuery plugin that is the first Facebook replica modal dialog.FBModal provides a simple ways to invoke a modal dialog.

Here is an example of how you can use FBModal in your project. Simply include the latest jQuery library, the plugin file and the css file.Then call the fbmodal() function on a jQuery element and a modal dialog will be displayed using the contents of that element. It’s that simple.

jQuery Awesome Nishtyak Gallery

jQuery Awesome Nishtyak Gallery

Beautiful customizable jQuery carousel.

Features:

  • an unique vertical scrolling mode besides standard horizontal one
  • an adjustable number of strings
  • can adjust to the width of a page
  • supports any content
  • autoscroll
  • much more

Isometric interactive interior guide with jQuery & CSS3

Isometric interactive interior guide with jQuery & CSS3

During browsing internet, I have noticed new interesting thing – it looked like isometric guide. Today I will show you how you can create something similar. We will create isometric interactive interior guide with CSS3 and jQuery.

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