vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   Show Thread Enhancements - Jquery Thumbnail Magnifier (https://vborg.vbsupport.ru/showthread.php?t=259577)

fxwoody 02-27-2011 10:00 PM
Jquery Thumbnail Magnifier
 
1 Attachment(s)
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 03-01-2011 12:21 PM
installed

thank you bro

fxwoody 03-02-2011 09:18 AM
welcome Doc! hehehe found a way, with patience and trial and error lol

Eduardo Leon 03-02-2011 10:59 AM
installed and tagged (: !

Thnx C: !

Rofo 03-31-2011 02:16 AM
Works great, Thanks fxwoody!

Marked installed.

fxwoody 03-31-2011 10:20 AM
Most welcome guys!

dr.tawy 04-03-2011 10:27 AM
Great Mod fxwoody

Thanks alot

shrimpca 05-05-2011 03:31 AM
I'm not Understand Installation

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

fxwoody 05-05-2011 08: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 05-18-2011 06:03 PM
sorry nothing had happened with vb4.1.3

fxwoody 05-19-2011 09:59 AM
Quote:
Originally Posted by koraykose (Post 2197266)
sorry nothing had happened with vb4.1.3
Did you upload the files in your forum root???

Need more info here ;)

mitch84 06-16-2011 01:47 PM
work fine on vb4.1.4, thx!

RonH. 09-19-2011 12:46 AM
Anyone know if this works with vB 4.1.5 pl1

1320Nation 09-19-2011 03:44 AM
Quote:
Originally Posted by RonH. (Post 2247698)
Anyone know if this works with vB 4.1.5 pl1
That is the VB version I have and I had NO luck. Added everything as install instructions suggested.

fxwoody 09-19-2011 02:16 PM
!!! Did you made all the changes to the scripts?
My test site is on 4.1.5 l1 and it works fine .

double check that magnifier and JS are in right place.

TheAllusionist 12-01-2011 08:30 PM
The magnified version is all stretched horizontally, or you could say it doesn't change size vertically, but does horizontally.

TheAllusionist 12-01-2011 10:26 PM
I will double check everything later, you can see here:

http://www.3dallusions.com/forums/of...-challenge-17/

fxwoody 12-02-2011 01:47 PM
this is a setting in the option pan for the thumbnails, look for this:

Thumbnail Style and set it like so
Code:
width:40px;height:50px;padding:2px;
Because your image is set to :150px ? 100px (scaled to 60px ? 40px)
obviously the query wil explode it to match the size.

You can also adjust the resize from with in the javascript for that reason too

TheAllusionist 12-02-2011 08:13 PM
Thank you very much, I had a "Max-height" in my thumbnail parameter and it was causing the problem.

Quote:
width:60px;max-height:45px;margin:3px;
Thank you for your prompt response and support!

fxwoody 12-03-2011 08:38 PM
no problem :)
Have fun

vuive360 03-16-2012 01:37 AM
look like this magnifier does not work with vbb 4.1.11 ? i tried to install & edit as instructions , but after that , nothing happen.any help?

faisaly.com 11-22-2013 08:37 PM
No thread_thumbnail_threadbit" template in 4.1.11 i can see why your having problems


All times are GMT. The time now is 06:05 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01155 seconds
  • Memory Usage 1,767KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (3)bbcode_php_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (22)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete