- Details
-
Category: Plugins
-
Published on Wednesday, 15 December 2010 07:40
-
Written by Super User
-
Hits: 7498
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
Ajax
Slideshow
Image
Iframe
Youtube
Example Tag:
{ japopup type="ajax" content="http://www.google.com" width="500" height="400"}Load an url using ajax{ /japopup}
Demo:
Load an url using ajax
Example Tag:
{ japopup type="slideshow" content="images/sampledata/flowers/gl-10.jpg, images/sampledata/flowers/gl-11.jpg, images/sampledata/flowers/gl-12.jpg, images/sampledata/flowers/gl-13.jpg, images/sampledata/flowers/gl-14.jpg" group1=greybox width="400" height="300" title="Sample slideshow"} Sample slideshow{ /japopup}
Demo:
Sample slideshow
Example Tag:
{ japopup type="image" content="images/sampledata/fruitshop/apple.jpg" group1="highslide" width="400" height="300" title="Sample image"}Sample image{ /japopup}
Demo:
Sample image
Example Tag:
{ japopup type="iframe" content="http://www.google.com" width="500" height="400" group1="thickbox"}Load a sample iFrame{ /japopup}}
Demo:
Load a sample iFrame
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
Political Roast : Obama Emanuel 2005
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