Use Highslide in Attachment Thumbnails

[MobileHacks]

Download newest version of HS from: http://highslide.com/download.php.
Upload highslide directory to your Forums root.

Template edits:

Postbit Templates >> postbit_attachmentthumbnail
FIND

<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&d=$attachment[dateline]"<if condition="$show['newwindow']"> target="_blank"</if>>

REPLACE WITH
HTML Code:

<a href="attachment.php?$session[sessionurl]attachmentid=$attachment[attachmentid]&d=$attachment[dateline]"<if condition="$show['newwindow']"> target="_blank"</if> class="highslide" onclick="return hs.expand(this)">

Open headinclude, somewhere add:

<script type="text/javascript" src="$vbpoptions[bbdir]/highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="$vbpoptions[bbdir]/highslide/highslide.css" />

<script type="text/javascript">
	hs.graphicsDir = 'highslide/graphics/';
	hs.wrapperClassName = 'wide-border';
</script>

Code depends on which type of outfit etc you want to have. After this modification you get working setup.

 

[snardley]

Demo --> Highslide JS - JavaScript thumbnail viewer

 

[prakasharavind]

Hi but how it will work? you showed the demo but its not clear for me