Edited files
Copied files to new folder forum/images/templates/images/*.* as per instructions
Created files/thumbs folder and chmod to "777"
Uploaded .js and .css files to forum/templates/*.* as per instructions
Turned on thumbnails in Special Categories
Changed min. thumbnail size to 5k.
It still shows the attached image as full size, and clicking the image doesn't do anything.
I did add this hack a couple years ago to remove the box around the images. Because of this hack, I ended up not doing this step:
Here's the hack to remove the box:# ----[ OPEN ]----------------------------
#
templates/subSilver/viewtopic_attach_body.tpl
#
# ----[ FIND ]----------------------------
#
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {postrow.attach.cat_thumb_images.L_DOWNLOADED_VIEWED}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.cat_thumb_images.L_DOWNLOAD_COUNT}</span></td>
</tr>
#
# ----[ REPLACE WITH ]--------------------
#
<!--
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {postrow.attach.cat_thumb_images.L_DOWNLOADED_VIEWED}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.cat_thumb_images.L_DOWNLOAD_COUNT}</span></td>
</tr>
-->
#
There was no code like this in viewtopic_attach_body.tpl, so I didn't modify the file:###Open #######################
/templates/****/viewtopic_attach_body.tpl
############################
#####FIND######################
<!-- BEGIN cat_images -->
<div align="center"><hr width="95%" /></div>
<table width="95%" border="1" cellpadding="2" cellspacing="0" class="attachtable" align="center">
<tr>
<td width="100%" colspan="2" class="attachheader" align="center"><b><span class="gen">{postrow.attach.cat_images.DOWNLOAD_NAME}</span></b></td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {L_DESCRIPTION}:</span></td>
<td width="75%" class="attachrow">
<table width="100%" border="0" cellpadding="0" cellspacing="4" align="center">
<tr>
<td class="attachrow"><span class="genmed">{postrow.attach.cat_images.COMMENT}</span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {L_FILESIZE}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.cat_images.FILESIZE} {postrow.attach.cat_images.SIZE_VAR}</td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {postrow.attach.cat_images.L_DOWNLOADED_VIEWED}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.cat_images.L_DOWNLOAD_COUNT}</span></td>
</tr>
<tr>
<td colspan="2" align="center"><br /><img src="{postrow.attach.cat_images.IMG_SRC}" alt="{postrow.attach.cat_images.DOWNLOAD_NAME}" border="0" /><br /><br /></td>
</tr>
</table>
<div align="center"><hr width="95%" /></div>
<!-- END cat_images -->
<!-- BEGIN cat_thumb_images -->
<div align="center"><hr width="95%" /></div>
<table width="95%" border="1" cellpadding="2" cellspacing="0" class="attachtable" align="center">
<tr>
<td width="100%" colspan="2" class="attachheader" align="center"><b><span class="gen">{postrow.attach.cat_thumb_images.DOWNLOAD_NAME}</span></b></td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {L_DESCRIPTION}:</span></td>
<td width="75%" class="attachrow">
<table width="100%" border="0" cellpadding="0" cellspacing="4" align="center">
<tr>
<td class="attachrow"><span class="genmed">{postrow.attach.cat_thumb_images.COMMENT}</span></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {L_FILESIZE}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.cat_thumb_images.FILESIZE} {postrow.attach.cat_thumb_images.SIZE_VAR}</td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {postrow.attach.cat_thumb_images.L_DOWNLOADED_VIEWED}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.cat_thumb_images.L_DOWNLOAD_COUNT}</span></td>
</tr>
<tr>
<td colspan="2" align="center"><br /><a href="{postrow.attach.cat_thumb_images.IMG_SRC}" target="_blank"><img src="{postrow.attach.cat_thumb_images.IMG_THUMB_SRC}" alt="{postrow.attach.cat_thumb_images.DOWNLOAD_NAME}" border="0" /></a><br /><br /></td>
</tr>
</table>
<div align="center"><hr width="95%" /></div>
<!-- END cat_thumb_images -->
<!-- BEGIN attachrow -->
<div align="center"><hr width="95%" /></div>
<table width="95%" border="1" cellpadding="2" cellspacing="0" class="attachtable" align="center">
<tr>
<td width="100%" colspan="3" class="attachheader" align="center"><b><span class="gen">{postrow.attach.attachrow.DOWNLOAD_NAME}</span></b></td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {L_DESCRIPTION}:</span></td>
<td width="75%" class="attachrow">
<table width="100%" border="0" cellpadding="0" cellspacing="4" align="center">
<tr>
<td class="attachrow"><span class="genmed">{postrow.attach.attachrow.COMMENT}</span></td>
</tr>
</table>
</td>
<td rowspan="4" align="center" width="10%" class="attachrow">{postrow.attach.attachrow.S_UPLOAD_IMAGE}<br /><a href="{postrow.attach.attachrow.U_DOWNLOAD_LINK}" {postrow.attach.attachrow.TARGET_BLANK} class="genmed"><b>{L_DOWNLOAD}</b></a></td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {L_FILENAME}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.attachrow.DOWNLOAD_NAME}</span></td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {L_FILESIZE}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.attachrow.FILESIZE} {postrow.attach.attachrow.SIZE_VAR}</td>
</tr>
<tr>
<td width="15%" class="attachrow"><span class="genmed"> {postrow.attach.attachrow.L_DOWNLOADED_VIEWED}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.attachrow.L_DOWNLOAD_COUNT}</span></td>
</tr>
</table>
<div align="center"><hr width="95%" /></div>
<!-- END attachrow -->
#####################################
#####REPLACE WITH###################
<!-- BEGIN cat_images -->
<table width="5%" border="0" cellpadding="0" cellspacing="0" class="attachtable" align="center">
<tr>
<td width="100%" colspan="0" class="attachheader" align="center"><b><span class="gen"></span></b></td>
</tr>
<tr>
<td colspan="0" align="center"><br /><img src="{postrow.attach.cat_images.IMG_SRC}" alt="{postrow.attach.cat_images.DOWNLOAD_NAME}" border="0" /><br /><br /></td>
</tr>
</table>
<!-- END cat_images -->
<!-- BEGIN cat_thumb_images -->
<table width="5%" border="0" cellpadding="0" cellspacing="0" class="attachtable" align="center">
<tr>
<td width="100%" colspan="0" class="attachheader" align="center"><b><span class="gen"></span></b></td>
</tr>
<tr>
<td colspan="0" align="center"><br /><a href="{postrow.attach.cat_thumb_images.IMG_SRC}" target="_blank"><img src="{postrow.attach.cat_thumb_images.IMG_THUMB_SRC}" alt="{postrow.attach.cat_thumb_images.DOWNLOAD_NAME}" border="0" /></a><br /><br /></td>
</tr>
</table>
<!-- END cat_thumb_images -->
<!-- BEGIN attachrow -->
<table width="5%" border="0" cellpadding="0" cellspacing="0" class="attachtable" align="center">
<tr>
<td width="100%" colspan="3" class="attachheader" align="center"><b><span class="gen"></span></b></td>
</tr>
<td rowspan="4" align="center" width="10%" class="attachrow">{postrow.attach.attachrow.S_UPLOAD_IMAGE}<br /><a href="{postrow.attach.attachrow.U_DOWNLOAD_LINK}" {postrow.attach.attachrow.TARGET_BLANK} class="genmed"><b>{L_DOWNLOAD}</b></a></td>
</tr>
</table>
<!-- END attachrow -->
Finally, here's the screen grab of how it now looks after installing the File Attach Lightbox mod - no difference whatsoever:<tr>
<td width="15%" class="attachrow"><span class="genmed"> {postrow.attach.cat_thumb_images.L_DOWNLOADED_VIEWED}:</span></td>
<td width="75%" class="attachrow"><span class="genmed"> {postrow.attach.cat_thumb_images.L_DOWNLOAD_COUNT}</span></td>
</tr>