JA PopUp plugin
An elegant Javascript based image, media and gallery viewer. It turns your clustered content items (image, youtube videos, iframe, ajax, flash, html…) into lightweight showcase. Very rich backend to control the popup display...
Demonstration
Youtube
Slideshow
Image
Iframe
Ajax
Example Tag:
{ japopup type="youtube" content="http://www.youtube.com/v/cdphzxz64BY?hl=en&fs=1" group1=thickbox
width="640" height="380"
title="Political Roast : Obama Emanuel 2005"}Political Roast : Obama Emanuel 2005{ /japopup}
Demo
{japopup type="youtube" content="http://www.youtube.com/v/cdphzxz64BY?hl=en&fs=1" group1=thickbox width="640" height="380" title="Political Roast : Obama Emanuel 2005"}Political Roast : Obama Emanuel 2005{/japopup}
Example Tag:
{ japopup type="slideshow" content="images/stories/demo/gallery/gl-10.jpg, images/stories/demo/gallery/gl-11.jpg, images/stories/demo/gallery/gl-12.jpg, images/stories/demo/gallery/gl-13.jpg, images/stories/demo/gallery/gl-14.jpg" group1=greybox width="400" height="300" title="Sample slideshow"} Sample slideshow{ /japopup}
Demo:
{japopup type="slideshow" content="images/stories/demo/gallery/gl-10.jpg, images/stories/demo/gallery/gl-11.jpg, images/stories/demo/gallery/gl-12.jpg, images/stories/demo/gallery/gl-13.jpg, images/stories/demo/gallery/gl-14.jpg" group1=greybox width="400" height="300" title="Sample slideshow"} Sample slideshow{/japopup}
Example Tag:
{ japopup type="image" content="images/stories/fruit/cherry.jpg" group1="highslide" width="400" height="300" title="Sample image"}Sample image{ /japopup}
Demo:
{japopup type="image" content="images/stories/fruit/cherry.jpg" group1="highslide" width="400" height="300" title="Sample image"}Sample image{/japopup}
Example Tag:
{ japopup type="iframe" content="http://www.google.com" width="500" height="400" group1="thickbox"}Load a sample iFrame{ /japopup}}
Demo:
{japopup type="iframe" content="http://www.google.com" group1="thickbox" width="500" height="400"}Load a sample iFrame{/japopup}
Example Tag:
{ japopup type="ajax" content="http://www.google.com" width="500" height="400"}Load an url using ajax{ /japopup}
Demo:
{japopup type="ajax" content="http://www.google.com" width="500" height="400" }Load an url using ajax{/japopup}
Parameter Options General
Popup type:Type of popup (Fancy box, Grey box, High slide, Thick box, Multi box
Width: Width of modal window
Height: Height of modal window
Show overlay(Dim background): The background will be dimmed when popup is opened
Overlay fill: The higher the darker
Add title to tag: If Yes, the title will be displayed in popup windows
Add description in Tag: If Yes, the descriptions will be displayed in popup windows
Image in Slideshow type: Apply when popup type = slideshow
