Demo: $.easy.popup()

go back

Image, URL, Flash or page's element popup

JavaScript setup

All of the examples below don't need any additional JavaScript setup. It works with defualt usage of $.easy.popup() function

$.easy.popup();

Image

Click on this to display an image.

<a href="images/img_screencast.jpg" class="popup">display an image</a>

URL (default settings)

Click on this to display an url with default settings.

<a href="http://easyframework.com" class="popup">display an url</a>

URL (custom settings)

Click on this to display an url with custom settings for width and height.

<a href="http://easyframework.com" class="popup" rel="width:800;height:400">display an url</a>

FLASH

Click on this to display a flash. It is recommended that you define width and height.

<a href="http://www.youtube.com/v/cnvkeJds7zc&hl=en_US&fs" class="popup flash" rel="width:560;height:340">

Document Element

Click on this to display an element from your page based on it's id.

<a href="#popuptest" class="popup">element from your page</a>

The code for this target test element:

<span id="popuptest" class="hidden">This is a test element!</span>

Want to learn more? Why not schedule a 1-on-1 session with the author and learn how to use this framework to the max!