Joomla Extensions

JA Highslide Demo

Introduction

JA Highslide allows you to create the popup by different content type and very beautiful effects in a Joomla article and in the module. With JA Highslide, you can control to display popup and very simple to use. 
- Support 10 content type: img, html, slideshow-caption, slideshow-controlbar, flash, iframe, module, modules, item, ajax
- Support multi objects type
- Configurable animations
- Multi theme support
- Full of configuration

Configuration

All parameter options for the Ja Highslide Plugin.
Type: The type of Ja Highslide; img, html, slideshow-caption, slideshow-controlbar, flash, iframe, module, modules, item, ajax.
Event: (click, loadbody). Event is loadbody in the case you want popup open automatically, 'dismissbuton' parameter to set show check box "Not show again" (value is true/false). Default value is click.
outlineType: is pop-up border's type (beveled, drop-shadow, glossy-dark, outer-glow, rounded-black, rounded-white). You can add style for border.
captionText: is caption of popup
Loaddelay: is delay time to load show popup highslide (unit ms). It is use in the case event=loadbody.
notshowagain: use in the case event=loadbody. It is time to not open automatically again popup highslide (unit day).
dismissbuton: it is use in the case event=loadbody. Choose show check box "Not show again" (value is true/false).
notshowagaintime: use in the case event=loadbody. It is time to not open automatically again popup highslide when user check to check box "Not show agian"(unit day).
src or url: For image: is path to image directory. Note: you can again config it in plugin highslide manager. Default in images/stories directory.
width (px): width of the popup highslide
height (px): height of the popup highslide. Value default is 200.

Demo

Code:

{ highslide type="slideshow-controlbar" url="images/sampledata/flowers/gl-9.jpg,images/sampledata/flowers/gl-5.jpg " width="150" positions="top, right"}

Code:

{ highslide type="slideshow-caption" url="http://lh6.ggpht.com/_9wXrEcHln64/RxqrGXfGK2I/AAAAAAAAAZQ/EQ0D67Hvr4I/s640/Sword%20Lake%20001.jpg, http://lh4.ggpht.com/_MixTQ9oHgHM/SpYHHCZtmqI/AAAAAAAAHTs/iIyqQcC7Yj4/s640/Picture%20160.jpg" width=150 positions="top, right" outlineType="rounded-white"}

Previous
LEFT ARROW KEY Next
RIGHT ARROW KEY Close MOVE

Code:

{ highslide type="img" url="images/sampledata/flowers/gl-10.jpg" width=100 height="100" captionText='Sample image' display=none}Flower

Code:

{ highslide type="html" contentid="contenthere" event="loadbody" loaddelay=1 notshowagain=1 notshowagaintime=7 dismissbuton=yes outlineType="rounded-white" width=400 height=320 captiontext="This is demo content"} Click me to display content

Click me to display content

Code:

{ highslide type="iframe" url="http://www.joomlart.com" outlineType="rounded-white" width=900 height=500}click here to view iframe Click me to display content

Code:

{ highslide type="flash" url="images/sampledata/flowers/Flash.swf" width=400 height=300 }click here to view iframe

Code:

{ highslide type="module" modulename="mod_articles_popular" width=500 height=350 captiontext="This is demo content"} Click me to display module articles_popular

Click me to display module articles_popular

Code:

{ highslide type="modules" position="articleslatestload" width=700 height=400 captiontext="This is demo content"} Click me to display module have "articleslatestload" position Click me to display module articles_popular

Click me to display module have "articleslatestload" position

Code:

{ highslide type="ajax" url="index.php?option=com_content&view=article&id=140&Itemid=128&tmpl=component" contentid="ja-description" width=800 height=400 captiontext="This is demo content"} Click me to display Click me to display module have "articleslatestload" position

Click me to display

Code:

{ highslide type="item" itemid=68 width=800 height=400 captiontext="This is demo content"} Click me to display Click me to display