Image Magnify BBcode

[kber]

Description: jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a sleek zoom in/out effect. The enlarged image is centered on the user's screen until dismissed.

Live Demo

first : copy the attach file to your forum root

root.zip

then :
open : yourstyle/template/viewtopic_body.html
find

Code: Select all

<!-- INCLUDE overall_header.html -->

add after

Code: Select all

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="jquery.magnifier.js">

</script>

now create your bbcode :

BBcode usage

Code: Select all

[magnify]{URL}[/magnify]

HTML replacement

Code: Select all

<img src="{URL}" class="magnify" style="width:200px; height:150px" />

then check

Code: Select all

Display on posting page

and Enjoy