fxwoody
02-27-2011, 10:00 PM
Jquery Thumbnail Magnifier
**This mod is a complement of Thread Thumbnails:
https://vborg.vbsupport.ru/showthread.php?t=237404**
Thread Thumbnails can be seen on many forums, but the size and viewing quality of the image could make it hard to know what it is.
This mod is a compilation of Jquery scripts that i found here and there (thanks to the originals authors) and minor modifications in the original scripts of "Thread Thumbnails" by Null Parameter.
The purposes of this Mod is to add a magnifying cursor that on mouseover will give the member, opportunity to click and Magnify the Thumbnail in question.
Installation:
FTP files from folder to forum root.
In FORUMDISPLAY, add scripts in the <HEAD> section on top of this:
<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile forumdisplay-rollup.css}
<vb:else />
{vb:cssfile toolsmenu.css,forumbits.css,forumdisplay.css,threa dlist.css,options.css}
</vb:if>
Add:
<script type="text/javascript" src="clientscript/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="clientscript/jquery.magnifier.js">
/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
In the "thread_thumbnail_threadbit" template, replace everything with this script:
<vb:if condition="$thread['thumbnaildisplay'] AND (!$thread[sticky] OR ($vbulletin->options[thread_thumbnails_sticky] == '1'))">
<a rel="nofollow" style="float:left;clear:right;display:block;padding-right:5px;">
<img style="{vb:raw thread.thumbnailstyle}" src="{vb:raw thread.thumbnailurl}" class="magnify"></a>
</vb:if>
That's it! Simple as that ;)
**This mod is a complement of Thread Thumbnails:
https://vborg.vbsupport.ru/showthread.php?t=237404**
Thread Thumbnails can be seen on many forums, but the size and viewing quality of the image could make it hard to know what it is.
This mod is a compilation of Jquery scripts that i found here and there (thanks to the originals authors) and minor modifications in the original scripts of "Thread Thumbnails" by Null Parameter.
The purposes of this Mod is to add a magnifying cursor that on mouseover will give the member, opportunity to click and Magnify the Thumbnail in question.
Installation:
FTP files from folder to forum root.
In FORUMDISPLAY, add scripts in the <HEAD> section on top of this:
<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile forumdisplay-rollup.css}
<vb:else />
{vb:cssfile toolsmenu.css,forumbits.css,forumdisplay.css,threa dlist.css,options.css}
</vb:if>
Add:
<script type="text/javascript" src="clientscript/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="clientscript/jquery.magnifier.js">
/***********************************************
* jQuery Image Magnify- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>
In the "thread_thumbnail_threadbit" template, replace everything with this script:
<vb:if condition="$thread['thumbnaildisplay'] AND (!$thread[sticky] OR ($vbulletin->options[thread_thumbnails_sticky] == '1'))">
<a rel="nofollow" style="float:left;clear:right;display:block;padding-right:5px;">
<img style="{vb:raw thread.thumbnailstyle}" src="{vb:raw thread.thumbnailurl}" class="magnify"></a>
</vb:if>
That's it! Simple as that ;)