The Arcive of vBulletin Modifications Site.

Jquery Thumbnail Magnifier · **Released**: 02-27-2011

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:

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>

Add:

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>

In the "thread_thumbnail_threadbit" template, replace everything with this 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

Dr.osamA · #2 03-01-2011, 12:21 PM

installed

thank you bro

fxwoody · #3 03-02-2011, 09:18 AM

welcome Doc! hehehe found a way, with patience and trial and error lol

Eduardo Leon · #4 03-02-2011, 10:59 AM

installed and tagged (: !

Thnx C: !

Rofo · #5 03-31-2011, 01:16 AM

Works great, Thanks fxwoody!

Marked installed.

fxwoody · #6 03-31-2011, 09:20 AM

Most welcome guys!

dr.tawy · #7 04-03-2011, 09:27 AM

Great Mod fxwoody

Thanks alot

shrimpca · #8 05-05-2011, 02:31 AM

I'm not Understand Installation

FTP File to forum root.That mean public_html/forum/FXwoody-Jquery-Magnifier ??

fxwoody · #9 05-05-2011, 07:50 AM

shrimpca, you need to upload the files inside the folder to their respective clientscript folder in your forum by FTP!
So, jquery.magnifier.js in the => clientscript
and jquery-1.4.4.min.js in => clientscript ->jquery

also, the magnifier.cur as to be in main root

Hope it helps

koraykose · #10 05-18-2011, 05:03 PM

sorry nothing had happened with vb4.1.3