zoom image bbcode!

User submitted BBCodes
Let us see what You have
There is no support here! Only Read Access!
Forum rules
We dont add more BBCodes to our database, but feel free to share and support your own BBCodes here.
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
Locked
cisco007
BBCoder VI
BBCoder VI
Posts: 1015
Joined: 16 Mar 2010, 18:14
Location: Don't really know!

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
Top
User avatar
Stoker
Site Admin
Site Admin
Posts: 3536
Joined: 12 May 2008, 23:26
BBCodes: 239
Favourite BBCode: Anipro
Favourite MOD: PrettyPhoto
Location: Denmark
Contact:
Contact Stoker

Re: zoom image bbcode!

Post by Stoker »

Nice cisco!
Board rules! No PM support
Top
User avatar
Fire-Fox
BBCoder IV
BBCoder IV
Posts: 275
Joined: 22 Mar 2010, 13:24
Location: Denmark

Re: zoom image bbcode!

Post by Fire-Fox »

Great work, cisco :)
Top
User avatar
Chalong
BBCoder II
BBCoder II
Posts: 59
Joined: 06 Mar 2010, 14:03
Location: Pforzheim / Germany
Contact:
Contact Chalong

Re: zoom image bbcode!

Post by Chalong »

That's a nice one, Cisco.
Regards Chalong

www.chalong.de
Top
cisco007
BBCoder VI
BBCoder VI
Posts: 1015
Joined: 16 Mar 2010, 18:14
Location: Don't really know!

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!
Top
User avatar
Chalong
BBCoder II
BBCoder II
Posts: 59
Joined: 06 Mar 2010, 14:03
Location: Pforzheim / Germany
Contact:
Contact Chalong

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
Regards Chalong

www.chalong.de
Top
cisco007
BBCoder VI
BBCoder VI
Posts: 1015
Joined: 16 Mar 2010, 18:14
Location: Don't really know!

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
Top
User avatar
Chalong
BBCoder II
BBCoder II
Posts: 59
Joined: 06 Mar 2010, 14:03
Location: Pforzheim / Germany
Contact:
Contact Chalong

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, 20:30, edited 6 times in total.
Regards Chalong

www.chalong.de
Top
User avatar
Chalong
BBCoder II
BBCoder II
Posts: 59
Joined: 06 Mar 2010, 14:03
Location: Pforzheim / Germany
Contact:
Contact Chalong

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, 21:45, edited 1 time in total.
Regards Chalong

www.chalong.de
Top
cisco007
BBCoder VI
BBCoder VI
Posts: 1015
Joined: 16 Mar 2010, 18:14
Location: Don't really know!

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!
Top
Locked

Return to “Submit a BBCode”