Flying Popup plugin for jQuery – now also responsive
* Check also WordPress Flying Popups for managing popups in your WordPress site. *
The recent version gives the possibility to make popups responsive. Just set the width in % (and/or height if needed), like width: '80%'
and popup dimensions will be automatically adjusted to current screen size
LAST UPDATE: 16 March 2020
Allows to show floating HTML popups that follow page scroll/resize (also static HTML popups can be shown when desired). Popups can fly in from outside of the screen (from every direction).
In popup you can also show any kind of forms, play videos
NEW in 2.0 – ‘exit intent’ and follow cursor options
There is an option to show popup on ‘exit intent’ – user moves the cursor to the top, as to move away from current website.
The other new option is ‘follow cursor’ – which enables moving the popup in the place where mouse cursor is at the moment.
NEW in 1.7 – sample templates
There are 4 templates added to help you create popup.
Available configuration:
- floating speed, reaction time
- fly-in direction
- fly-out direction
- show overlay
- show static popup
- enable selfclose
- set start time – also run on multiple pages
- disable popup with cookie
- the way popup appears/disappears
- disable popup on mobile devices
- onOpen and onClosed callbacks
- responsive popups, better handling on mobile devices
Updates:
16 March 2020 – version 2.0
- show popup on ‘exit intent’ option (user moves cursor to the top of the window)
- follow mouse cursor option
- refreshed mobile detection
6 October 2015 – version 1.8
- ‘width’ and ‘height’ can be set using % – which makes popup responsive to the screen width and/or height
- improvements on mobile
- new template added
- disable_on_desktop setting
27 July 2014 – version 1.7
- 3 templates added, to help creating popup
- disable_on_mobile setting
- ‘width’ and ‘height’ settings added
- onOpen and onClosed callbacks
23 August 2013 – version 1.6
- popup_timeout_hours – ability to set cookie expiration date by hours too
- better support for HTML content with events attached
5 March 2013 – version 1.5
- works now with jQuery 1.9 branch
- align popup to bottom (when top=’100%’)
- better working on mobile devices
29 December 2011 – version 1.4
- multipages_timer setting – ability to show the popup after specified time on any page of your website
- popup can now disappear in various ways (hide, fade out, slide up) – when fly-out is disabled
6 October 2011 – version 1.3
- added fly-out of the screen (with specifying direction) after popup close
- confirm closing the popup option
26 September 2011 – version 1.2
- callback function
- align popup to right (when left=’100%’)
13 May 2011 – version 1.1
- added ‘cookie_views’ setting. Determine how many times the site can be viewed (refreshed) until popup will appear again
- added ‘left’ setting. Gives the ability to set the popup position from the left side of the screen (for centered=false)
- ‘top’ and ‘left’ can be now set using percent i.e. ‘30%’