Page 1 of 2
zoom image bbcode!
Posted: 26 Mar 2010, 03:25
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!
Posted: 26 Mar 2010, 06:59
by Stoker
Nice cisco!
Re: zoom image bbcode!
Posted: 26 Mar 2010, 09:34
by Fire-Fox
Great work, cisco
Re: zoom image bbcode!
Posted: 26 Mar 2010, 17:57
by Chalong
That's a nice one, Cisco.
Re: zoom image bbcode!
Posted: 26 Mar 2010, 18:05
by cisco007
thanks guys, hope it works for you, i even tried it on FF 3.7a4 and it worked!
Re: zoom image bbcode!
Posted: 26 Mar 2010, 18:30
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!
Posted: 26 Mar 2010, 18:53
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!
Posted: 26 Mar 2010, 19:28
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 ?
Re: zoom image bbcode!
Posted: 26 Mar 2010, 21:42
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.
Re: zoom image bbcode!
Posted: 26 Mar 2010, 22:07
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!