derkubi
Posts: 5
Joined: Wed Apr 15, 2009 4:14 pm

thumbHS BBCode PHPBB

Place pictures in a row with variable size and highslide .


BBCode:

Code: Select all

   [thumbhs={NUMBER1}x{NUMBER2},{TEXT}]{URL}[/thumbhs]
HTML:

Code: Select all

    <a href="{URL}" class="highslide" onclick="return hs.expand(this)"><img src="{URL}" border="1" width="{NUMBER1}" height="{NUMBER2}" alt="Resized Image - Click For Highslide" title="Resized Image - Click For Highslide" /></a><div class="highslide-heading" style="text-align: center">{TEXT}</div>
Helpline:

Code: Select all

    thumbhs: [thumbhs=WIDTHxHEIGHT,PICTURE-TEXT]PICTURE-URL[/thumbhs]
Example:

Code: Select all

    [thumbhs=240x180,A Nice Picture]http://yoursite.com/pics/nicepicture.jpg[/thumbhs]
This is my mix of bbcode hsimg and thumbnail . You can place as many pics in a row as you want to , every pic with its own size and text , if you leave a space between the bbcodes , there is also space between the pics . After click the pic pops up with highslide . For example :

Two pics in a row with diffreent size

Code: Select all

    [thumbhs=240x180,MyPic1]PIC-URL1[/thumbhs] [thumbhs=160x120,MyPic2]PIC-URL2[/thumbhs]
I know , my english is sooo bad

Return to “Highslide JS Usage”