Demo Extensions For Joomla 1.5

About Guides FAQs

Screen

Profile

Layout

Direction

Menu Style

Apply Reset  
Cpanel

JA Highslide Demo

Wednesday, 25 June 2008 08:08
administrator
Hits: 48236
  • Print
  • PDF

Introduce

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

Demonstration

  • Slideshow Caption

  • Slideshow Controlbar

  • Image

  • HTML Content

  • Iframe

  • Flash File

  • Module

  • Modules

  • Article

 

{ highslide type="slideshow-caption" url="demo/gallery/gl-14.jpg, demo/gallery/gl-32.jpg, 
demo/gallery/gl-33.jpg, demo/gallery/gl-18.jpg" width=150 positions="top, right" 
outlineType="rounded-white" pre=true}



 

{ highslide type="slideshow-controlbar" url="demo/gallery/gl-9.jpg, demo/gallery/gl-10.jpg, demo/gallery/gl-11.jpg, demo/gallery/gl-12.jpg" width="150" positions="top, right" pre=true}
Click me to display Slide show Controlbar

http://demo.joomlart.com/extensions15/images/stories//demo/gallery/gl-29.jpghttp://demo.joomlart.com/extensions15/images/stories//demo/gallery/gl-13.jpghttp://demo.joomlart.com/extensions15/images/stories//demo/gallery/gl-34.jpghttp://demo.joomlart.com/extensions15/images/stories//demo/gallery/gl-31.jpg


 

{ highslide type="img" url="demo/gallery/gl-22.jpg" width=200 captionText='Sample image' pre=true}


or:




<div id="contenthere" style="display:none"> 

<img src="/extensions15/images/stories/demo/ja_tabs/1.jpg" alt="Sample image" style="float:left; padding-right:10px"/>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. In lectus. 
Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus. 
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. 
Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, quis scelerisque arcu nibh ac nisi. 
Sed risus. Curabitur urna. Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus. 
</div>


{ highslide type="html" contentid="contenthere" outlineType="rounded-white" width=400 height=320 
      captiontext="This is demo content" pre=true}
      Click me to display content
{ /highslide}

Click me to display content

or: 

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

Click me to display content




 

{ highslide type="iframe" url="index.php?option=com_content&view=article&id=93&tmpl=component" outlineType="rounded-white" pre=true width=900 height=500}
     Click me to display Iframe file



 

{ highslide type="flash" url="demo/gallery/flash.swf" width=400 height=300 outlineType="outer-glow" pre=true}
    Click me to display Flash file




 

{ highslide type="module" modulename="mod_flowers" outlineType="rounded-white" width=500 height=350 
captiontext="This is demo content" pre=true}
    Click me to display module Flowers
{ /highslide}

Click me to display module Flowers

Sample image

Est Ut consequat facilisi suscipit Phasellus arcu fringilla justo sapien adipiscing. Semper Morbi sed suscipit faucibus rhoncus Nam tempor felis suscipit semper. Rutrum senectus tellus velit nibh neque ac a aliquam Pellentesque tempus. Enim cursus vel Nam Fusce sit vestibulum massa nibh Nam senectus. Vitae eget sapien magna dapibus Vestibulum malesuada Phasellus mus adipiscing Nam. Orci Curabitur ut Proin ut dictum Pellentesque augue leo pulvinar velit. Duis.

Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus.



 

{ highslide type="modules" position="ja_tabs_plg" outlineType="rounded-white" width=700 height=400 
captiontext="This is demo content" pre=true}
   Click me to display module have "ja_tabs_plg" position
{ /highslide}

Click me to display module have "ja_tabs_plg" position

Flowers

Sample image

Est Ut consequat facilisi suscipit Phasellus arcu fringilla justo sapien adipiscing. Semper Morbi sed suscipit faucibus rhoncus Nam tempor felis suscipit semper. Rutrum senectus tellus velit nibh neque ac a aliquam Pellentesque tempus. Enim cursus vel Nam Fusce sit vestibulum massa nibh Nam senectus. Vitae eget sapien magna dapibus Vestibulum malesuada Phasellus mus adipiscing Nam. Orci Curabitur ut Proin ut dictum Pellentesque augue leo pulvinar velit. Duis.

Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus.


Flowers 2

Sample image

Eros quis mauris nulla id quis ac consequat Praesent libero justo. Neque congue dui odio justo Ut wisi malesuada justo pede consequat. Tincidunt dui elit vel rhoncus enim ante vestibulum at consequat interdum. Libero penatibus Aliquam lobortis eget Donec faucibus aliquet leo at consectetuer. Vel ante purus Sed Pellentesque pellentesque pellentesque pede convallis wisi ipsum.

Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis.


Flowers 3

Sample image

Eros quis mauris nulla id quis ac consequat Praesent libero justo. Neque congue dui odio justo Ut wisi malesuada justo pede consequat. Tincidunt dui elit vel rhoncus enim ante vestibulum at consequat interdum. Libero penatibus Aliquam lobortis eget Donec faucibus aliquet leo at consectetuer. Vel ante purus Sed Pellentesque pellentesque pellentesque pede convallis wisi ipsum.

Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis.


Flowers 4

Sample image

Eros quis mauris nulla id quis ac consequat Praesent libero justo. Neque congue dui odio justo Ut wisi malesuada justo pede consequat. Tincidunt dui elit vel rhoncus enim ante vestibulum at consequat interdum. Libero penatibus Aliquam lobortis eget Donec faucibus aliquet leo at consectetuer. Vel ante purus Sed Pellentesque pellentesque pellentesque pede convallis wisi ipsum.

Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis.


Flowers 5

Sample image

Eros quis mauris nulla id quis ac consequat Praesent libero justo. Neque congue dui odio justo Ut wisi malesuada justo pede consequat. Tincidunt dui elit vel rhoncus enim ante vestibulum at consequat interdum. Libero penatibus Aliquam lobortis eget Donec faucibus aliquet leo at consectetuer. Vel ante purus Sed Pellentesque pellentesque pellentesque pede convallis wisi ipsum.

Lorem ipsum dolor sit amet consectetuer Curabitur semper sit neque nascetur. Auctor consequat mollis massa pede a mauris metus Morbi at nunc. Mauris Vestibulum pede condimentum id vitae Suspendisse urna Aliquam Nulla tempus. Et magnis neque pellentesque Morbi augue Aenean Mauris quis congue felis.




 

{ highslide type="item" itemid=87 outlineType="rounded-white" width=800 height=400 captiontext="This is demo content" pre=true}
       Click me to display The Article id=87
{ /highslide}



Parameter Options General

All parameter options for the Ja Highslide Plugin.

Type
The Ja Highslide typing (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). Value default is click.

outlineType
is stype border of popup (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.

Note: Parameters are case sensitive

 

Installation

Take a look at the video How to install and setup the JA Highslide plugin ?

Last Updated on Wednesday, 13 October 2010 06:40

You are here: Plugins JA Highslide
Copyright © 2013 Demo Extensions For Joomla 1.5. All Rights Reserved. Designed by JoomlArt.com. Joomla! is Free Software released under the GNU/GPL License.