vb.org Archive - Modifying the album_picturebit template to create a lightbox effect

I'm wanting to get the highslide javascript image viewer (http://vikjavev.no/highslide/) to work in my vbulletin albums. It currently works for post attachments in threads, but I can't seem to to get this to work. I'm sure its juse because I am failing to structure it properly.

This is the suggested structure given by the highslide documentation:

Code:

<a id="thumb1" href="images/full-image.jpg" class="highslide" onclick="return hs.expand(this)">

        <img src="images/thumbnail.jpg" alt="Highslide JS"

                title="Click to enlarge" height="120" width="107" /></a>

Here is the default code for album_picturebit:

Code:

<table style="width:{$picturebit_width}px; height:{$picturebit_height}px; margin:5px; float:$stylevar[left]" border="0" cellspacing="0" cellpadding="0">

<tr>

    <td class="smallfont" align="center" valign="middle">

    <if condition="$picture['thumburl']">

        <a href="album.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$picture[pictureid]"><img class="alt2" src="$picture[thumburl]" alt="$picture[caption_preview]" border="0" style="

            padding:$stylevar[cellpadding]px;

            <if condition="!$usercss">border:solid $stylevar[cellspacing]px $stylevar[tborder_bgcolor]</if>

        " $picture[dimensions] /></a>

    <else />

        <a href="album.php?$session[sessionurl]albumid=$albuminfo[albumid]&amp;pictureid=$picture[pictureid]"><if condition="$picture['caption_preview']">$picture[caption_preview]<else />$vbphrase[picture]</if></a>

    </if>

    <if condition="$show['moderation']"><br /><span class="shade">$vbphrase[picture_moderated]</span></if>

    </td>

</tr>

</table>

Since it is already working in post attachments, I looked at the currently modified template, postbit_attachmentthumbnail and see it is structured like this:

Code:

<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;d=$attachment[dateline]" rel="Lightbox" id="attachment$attachment[attachmentid]"<if condition="$show['newwindow']"> target="_blank"</if>><img class="thumbnail" src="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&amp;stc=1&amp;thumb=1&amp;d=$attachment[thumbnail_dateline]" border="0" alt="<phrase 1="$attachment[filename]" 2="$attachment[counter]" 3="$attachment[filesize]" 4="$attachment[attachmentid]">$vbphrase[image_larger_version_x_y_z]</phrase>" /></a>

&nbsp;<if condition="$show['br']"><br /><br /></if>

What confuses me is there is nothing like "onclick" or anything like that, but on the generated page it spits out:

Code:

<!-- BEGIN TEMPLATE: postbit_attachmentthumbnail -->

<a id="att_1253" rel="http:_slash__slash_www.websiteurl.com_slash_forums_slash_attachment.php?attachmentid=1253&amp;d=1213121812" class="highslide" onclick="return hs.expand(this, { slideshowGroup: '57562' })" href="attachment.php?attachmentid=1253&amp;d=1213121812" rel="Lightbox" id="attachment1253"><img class="thumbnail" src="attachment.php?attachmentid=1253&amp;stc=1&amp;thumb=1&amp;d=1213121812" border="0" alt="Click image for larger version



Name:        screenshot12.jpg

Views:        33

Size:        238.2 KB

ID:        1253" /></a>

&nbsp;

<!-- END TEMPLATE: postbit_attachmentthumbnail -->

Can anyone help me with this? I like highslides ability to open up multiple images at a time, and it seems smoother than the default vbulletin lightbox feature. In general, this is superior than the out of the box option offered.

The post thumbnail highslide feature is done by this now dead mod:

https://vborg.vbsupport.ru/showthread.php?t=139167

Attached is the xml file if anyone wishes to look at it and maybe offer me a suggestion. I would be grateful with any assistance someone can offer with getting this to work.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01877 seconds Memory Usage 1,726KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (4)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (4)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: