zoom image bbcode!

User submitted BBCodes
Let us see what You have
Forum rules
We dont add more BBCodes to our database, but feel free to share and support your own BBCodes here.

[textarea]Remember that it is not allowed to use {TEXT} inside the html tags!!!
It causes a serious security risk to your board and users.
Like this: <div style="{TEXT}">{TEXT}</div>
Green = OK - Red = forbidden[/textarea]

zoom image bbcode!

Post by cisco007 »

this is the first image zoom bbcode i have managed to get working!
THE AUTHOR OF THIS BBCODE IS ME!! CISCO007
with the code used from dynamicdrive

bbcode usage:

Code: Select all

[zoom]{URL},{NUMBER1},{NUMBER2}[/zoom]
HTML replacement!

Code: Select all

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

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

/***********************************************
* Image Power Zoomer- (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>

<script type="text/javascript">

jQuery(document).ready(function($){ //fire on DOM ready
	$('img#gallerya').addpowerzoom({magnifiersize:[100,100]})
	$('img.gallery').addpowerzoom({powerrange:[2,5]})
})


</script>
<img id="gallerya" border="0" src="{URL}" style="width:{NUMBER1}px; height:{NUMBER2}px" />
helpline:

Code: Select all

[zoom]image url,width,height[/zoom]
DEMO:

http://layerbabuena.org/viewtopic.php?f=35&p=356#p356
ddpowerzoomer.rar

Re: zoom image bbcode!

Post by Stoker »

Nice cisco!

Re: zoom image bbcode!

Post by Fire-Fox »

Great work, cisco :)

Re: zoom image bbcode!

Post by Chalong »

That's a nice one, Cisco.

Re: zoom image bbcode!

Post by cisco007 »

thanks guys, hope it works for you, i even tried it on FF 3.7a4 and it worked!

Re: zoom image bbcode!

Post by Chalong »

Unfortunately I cannot get it work at my board.
The image is well displayed but no zoom effect.
The js-file is in the root folder.
Tested with FF3.6.2 and IE8.

See @ http://www.chalong.de/viewtopic.php?f=2 ... 1135#p1135

Re: zoom image bbcode!

Post by cisco007 »

did you see the demo on that link i posted, i have it installed just the same way, and mine is working!


check this link for a look at a test with your image!

http://layerbabuena.org/viewtopic.php?f ... p=357#p357

Re: zoom image bbcode!

Post by Chalong »

Oh sorry, I forgot to mention. Your Demo works well.

EDIT:
I can imagine that it is a problem with the ddpowerzoomer.js file.
When I download that, I get a ddpowerzoomer.js.htm with the following content:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>403 Forbidden</title>
</head><body>
<h1>Forbidden</h1>
<p>You don't have permission to access /dynamicindex4/ddpowerzoomer.js
on this server.</p>
<p>Additionally, a 404 Not Found
error was encountered while trying to use an ErrorDocument to handle the request.</p>
</body></html>
I renamed it to ddpowerzoomer.js but that has no effect.
The structure is root/ddpowerzoomer.js. Is that correct ?
Last edited by Chalong on 26 Mar 2010, 18:30, edited 6 times in total.

Re: zoom image bbcode!

Post by Chalong »

I got it work now.

The file I downloaded here was not working, whyever.
File here downloaded size: ~350 bytes.
There downloaded about ~5500 bytes.
So I downloaded the ddpowerzoomer.js directly at http://www.dynamicdrive.com/dynamicinde ... zoomer.htm (about in the middle of the page) and I can zoom pretty comforatble. :D
Last edited by Chalong on 26 Mar 2010, 19:45, edited 1 time in total.

Re: zoom image bbcode!

Post by cisco007 »

yeah, that is why i posted you should right click on my link and save as or save target as depending on your browser!

well you are right, it won't work that way, i will change the link! it was working when i posted it last night!