Image Magnify BBcode

This BBcode 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
Post Reply
User avatar
kber
Site Admin
Posts: 79
Joined: 26 Aug 2009, 12:47
Location: Egypt
Contact:

Image Magnify BBcode

Post by kber » 09 Jun 2011, 10:53

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 :mrgreen:
You do not have the required permissions to view the files attached to this post.
Image

Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest