Downloads
23.Nov.2009
12.Aug.2009
10.Aug.2009
26.Mar.2008
12.Jun.2007
Donate
Es kostet Zeit, Geld und Know-how, diese Plugins zu entwickeln und kostenlos zur Verfügung zu stellen. Wenn Sie meine Arbeit nützlich finden, ziehen Sie bitte in Betracht, mich mit einer kleinen Spende zu unterstützen.
It takes time, money and know-how to develop and offer this stuff for free. If you find my work useful, consider please to support it with a small donation.
Thickbox/LightWindow Demo and Syntax
Some examples for using Thickbox for Joomla! - Mambot:
Please note: LightWindow supports new syntax only!
Syntax:
{tiframe linktext:="Iframed Content" width:="850" height:="650" url:="http://einmalumdenblog.de"}
Old syntax (v0.6 and before)
{mosthickbox : http://gutenberg.spiegel.de/autoren/fontane.htm , iFramed Content (external Url) , TB_iframe=true&height=600&width=850}
Just add a "thumb"-path to link from image:
Syntax:
{tiframe linktext:="Have a nice day" width:="850" height:="600" url:="http://www.banksy.co.uk/outdoors/index.html" thumb:="/images/bank_det2.jpg"}
Old syntax (v0.6 and before)
{ mosthickbox : http://www.banksy.co.uk/outdoors/index.html?TB_iframe=true&height=600&width=850 , have a nice day , 0 , /images/bank_det.jpg }
Just add a "gal"-name to create a link gallery (fka 'web tours') :
Go Linux 1 Go Linux 2 Go Linux 3
Syntax:
{tiframe linktext:="Go Linux 1" width:="850" height:="600" url:="http://www2.mandriva.com/linux/one/" gal:="link"}
{tiframe linktext:="Go Linux 2" width:="850" height:="600" url:="http://www.ubuntu.com/" gal:="link"}
{tiframe linktext:="Go Linux 3" width:="850" height:="600" url:="http://www.de.debian.org/" gal:="link"}
Old syntax (v0.6 and before)
{ mosthickbox : http://gutenberg.spiegel.de/autoren/kafka.htm , Fine Literature 1 , TB_iframe=true&height=600&width=850, 0, links}
{ mosthickbox : http://gutenberg.spiegel.de/autoren/kant.htm , Fine Literature 2, TB_iframe=true&height=600&width=850, 0,links }
{ mosthickbox : http://gutenberg.spiegel.de/autoren/kleist.htm , Fine Literature 3, TB_iframe=true&height=600&width=850,0,links }
Since v.1.2 you can do this with thumbnails as well :
Syntax:
{tiframe thumb:="/images/tux2_klein.jpg" linktext:="Go Linux 1" width:="850" height:="600" url:="http://www2.mandriva.com/linux/one/" gal:="link"} {tiframe thumb:="/images/tux2_klein.jpg" linktext:="Go Linux 2" width:="850" height:="600" url:="http://www.ubuntu.com/" gal:="link"} {tiframe thumb:="/images/tux2_klein.jpg" linktext:="Go Linux 3" width:="850" height:="600" url:="http://www.de.debian.org/" gal:="link"}
Old syntax (v0.6 and before)
{ mosthickbox : http://gutenberg.spiegel.de/autoren/kafka.htm , Fine Literature 1 , TB_iframe=true&height=600&width=850, 0, links}
{ mosthickbox : http://gutenberg.spiegel.de/autoren/kant.htm , Fine Literature 2, TB_iframe=true&height=600&width=850, 0,links }
{ mosthickbox : http://gutenberg.spiegel.de/autoren/kleist.htm , Fine Literature 3, TB_iframe=true&height=600&width=850,0,links }
First create a div with a unique ID and some important content like this:
You should read this text again in a single box.
Syntax:
{tinline linktext:="Inline Content" width:="450" height:="300" inlineId:="test" }
Old syntax (v0.6 and before)
{ mosthickbox : #TB_inline?height=300&width=300&inlineId=test , Inline Content, 0 }
Single image
Syntax:
{timg title:="schöne Blume" thumb:="/images/plant4_t.jpg" img:="/images/plant4.jpg"}
Old syntax (v0.6 and before)
{ mosthickbox : /images/plant4.jpg , schöne Blume , 0 , /images/plant4_t.jpg }
Image Gallery
Syntax:
{timg title:="schöne Blume" thumb:="/images/plant1_t.jpg" img:="/images/plant1.jpg" gal:="gallery-plants"}
{timg title:="schöne Blume" thumb:="/images/plant2_t.jpg" img:="/images/plant2.jpg" gal:="gallery-plants"}
{timg title:="schöne Blume" thumb:="/images/plant3_t.jpg" img:="/images/plant3.jpg" gal:="gallery-plants"}
{timg title:="schöne Blume" thumb:="/images/plant4_t.jpg" img:="/images/plant4.jpg" gal:="gallery-plants"}
Old syntax (v0.6 and before)
{ mosthickbox : /images/plant1.jpg , schöne Blume , 0 , /images/plant1_t.jpg , gallery-plants }
{ mosthickbox : /images/plant2.jpg , schöne Blume , 0 , /images/plant2_t.jpg , gallery-plants }
{ mosthickbox : /images/plant3.jpg , schöne Blume , 0 , /images/plant3_t.jpg , gallery-plants }
{ mosthickbox : /images/plant4.jpg , schöne Blume , 0 , /images/plant4_t.jpg , gallery-plants }
An additional 'caption' attribute is available in Lighwindow which is displayed below the image. ('title' is displayed on top.)
Usage:
{timg title:="schöne Blume" thumb:="/images/plant4_t.jpg" img:="/images/plant4.jpg" caption:="Beautiful Flower #1" gal:="gallery-plants"}
See Demo (click on one of the pipes).
Invisible Inline Content (requires v0.7 or higher)
My invisible Inline Content Box
{thickbox linktext:="Invisible Inline Content" width:="650" height:="450" }
... some content ....
{/thickbox}
With v.1.2 you may link to invisible contents from image link as well
Enter your second thoughts here:
{thickbox thumb:="/images/preview_f2.png" linktext:="My invisible Inline Content Box" width:="350" height:="250" }
... some content ....
{/thickbox}