Jquery Thumbnail Magnifier
Mod Version: 4.1.0, by fxwoody
| vB Version: 4.1.0 | Rating:  (2 votes - 5.00 average) |
Installs: 22 |
| Released: 28 Feb 2011 | Last Update: 01 Mar 2011 | Downloads: 126 |
 Not Supported
 Template Edits
Additional Files
External Content
|
||
Jquery Thumbnail Magnifier
**This mod is a complement of Thread Thumbnails:
Thread Thumbnails**
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:
Add:
In the "thread_thumbnail_threadbit" template, replace everything with this script:
That's it! Simple as that
**This mod is a complement of Thread Thumbnails:
Thread Thumbnails**
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:
PHP Code:
<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile forumdisplay-rollup.css}
<vb:else />
{vb:cssfile toolsmenu.css,forumbits.css,forumdisplay.css,threadlist.css,options.css}
</vb:if>
PHP Code:
<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>
PHP Code:
<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
Download
FXwoody-Jquery-Magnifier.zip (29.8 KB, 167 downloads)
Addons
Screenshots
