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

Re: zoom image bbcode!

Post by Chalong »

So maybe I misunderstood your instruction.
whatever, it's zooming now. :shock:
Regards Chalong

www.chalong.de
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 »

well at least you got it working!

[edit]you are right it is not working, the link got broken it worked last night!

First post updated with archived file![/edit]
User avatar
Chalong
BBCoder II
BBCoder II
Posts: 59
Joined: 06 Mar 2010, 14:03
Location: Pforzheim / Germany
Contact:

Re: zoom image bbcode!

Post by Chalong »

Now when everything is working out fine I got another idea.

What about the mouse curser not be displayed in the middle of the zoom area but at the edge ?
and what about a circle zoom area like a reading-glass (german: Lupe), something like a fisheye effect ?
Regards Chalong

www.chalong.de
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 »

i just made this simply from the js in that site i do not know javascript, what you can do is open up the js file or look in the documentation see if you can do it! I myself don't know!
User avatar
Chalong
BBCoder II
BBCoder II
Posts: 59
Joined: 06 Mar 2010, 14:03
Location: Pforzheim / Germany
Contact:

Re: zoom image bbcode!

Post by Chalong »

Stoni posted the solution for the hidden mouse cursor. ;)

Open ddpowerzoomer.js

Find

Code: Select all

var $magnifier=$('<div style="position:absolute;width:100px;height:100px;display:none;overflow:hidden;border:1px solid black;" />')
Replace with

Code: Select all

var $magnifier=$('<div style="position:absolute;width:100px;height:100px;display:none;overflow:hidden;border:1px solid black; cursor:none;" />')
Regards Chalong

www.chalong.de
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! I was going to remove it, but somehow i didn't like it without the mouse cursor! but great fix for anyone who wants to take it out!
Locked