MyBB Community Forums

Plugin name: Image Magnify.
Author: Pratik Unadkat.
Website: http://www.mybb-world.com

Plugin description: Gives animated magnify (zoom) jquery effect to images on thread.


Installation Instructions:

1. Extract the zipped plugin file.
2. Upload /inc/plugins/imgmagnify.php to your server's .inc/plugins/ folder .
3. Upload /jscripts/jquery.magnifier.js to your server's .jscripts/ folder .
4. Upload /uploads/imgmagnify_cursor folder to your server's .uploads/ folder .
5. Activate the plugin from ACP.

Using Instructions:

When you or anyone hovers your mouse or cursor to any image shown in the thread, a zoom cursor icon will be shown, which on clicking would enlarge the image, and again on clicking the enlarged image, it would be shrinked to its normal size.

Troubleshooting: Setting Magnification:

By default, the image would be magnified 1.5x times than that of the original image. You can easily edit this setting as per your liking. Just open the jquery.magnifier.js file provided inside the plugin package with any text editor of your choice and find:

magnifyby: 1.5

Edit 1.5 to any number, say 3, so the images would be magnified 3 times larger than original image. But make sure this number is not very large as it could cause or occupy full screen for large resolution images.

Troubleshooting: jQuery conflicts/Not working:

Due to prototype conflict, it may happen that this plugin won't work as its supposed to. If so is the case, just add the below code, anywhere in your headerinclude template:

<script type="text/javascript">jQuery.noConflict();</script>

For support, use this thread.

Screenshots:

[attachment=26076][attachment=26077]

Download:

From mods site: http://mods.mybb.com/view/image-magnify

License:

1. Not distributed under GNU/GPL.
2. You may modify the codes or plugin for your personal use but cannot claim it to be own or remodify and sell or reproduce under any cirumstances.
3. Free to edit for personal use but not distributing plugin by modifying any codes.


Enjoy.

Awesome Thanks!

Great work!

Thank you.

jQuery conflict after install it no visible options in editor

Elaborate in detail please?

Also if you have the jquery script already loaded in headerinclude templates (as some plugins might have or you did), remove the one provided by the plugin.

or best way, paste your headerinclude template here, I'd check for you.

Add the following code in headerinclude template;

<script type="text/javascript">jQuery.noConflict();</script>

Yes, that also should do the job. Thanks Yaldaram.

Although the js file had the no conflict code already there, but templates might be causing.

where do i put this code

<script type="text/javascript">jQuery.noConflict();</script> 

anywhere in headerinclude or some specific place

You could put it after {$newpmmsg} variable in headerinclude templates.