The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
|||
|
|||
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> 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]&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]&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> Code:
<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&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]&stc=1&thumb=1&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> <if condition="$show['br']"><br /><br /></if> Code:
<!-- BEGIN TEMPLATE: postbit_attachmentthumbnail --> <a id="att_1253" rel="http:_slash__slash_www.websiteurl.com_slash_forums_slash_attachment.php?attachmentid=1253&d=1213121812" class="highslide" onclick="return hs.expand(this, { slideshowGroup: '57562' })" href="attachment.php?attachmentid=1253&d=1213121812" rel="Lightbox" id="attachment1253"><img class="thumbnail" src="attachment.php?attachmentid=1253&stc=1&thumb=1&d=1213121812" border="0" alt="Click image for larger version Name: screenshot12.jpg Views: 33 Size: 238.2 KB ID: 1253" /></a> <!-- END TEMPLATE: postbit_attachmentthumbnail --> 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. |
#2
|
|||
|
|||
Sorry for bumping this.
Any suggestions? Or even a new direction I should go in? |
#3
|
|||
|
|||
You could probably use Thickbox highslide for this somewhat easily, you'd just need to tinker with the template code to parse/add in the path variables on the fly. An example of thickbox is here, on a site I threw up for a luthier friend of mine:
http://www.sherman-customs.com/ Same as any other HS and a breeze to set up. |
#4
|
||||
|
||||
I am also very interested in getting this integrated. Any luck? This would made a great mod!
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|