[SOLVED] zoom and drag an image help

lisafelst12 · December 27th, 2007, 01:08 PM

Hey

Would just like a bit of advice or tutorial on how to create a feature where a user can zoom in on an image and then drag it around a bit like this ...

http://www.asos.com/Kimberly-Stewart...&clr=Blue&sh=0

Thanks

alexgeek · December 27th, 2007, 04:05 PM

Hi mate.
To do this you will have to use javascriot, which is used for controlling the browser.
PHP is server side will not affect how the browser interprets the page.

lisafelst12 · December 27th, 2007, 04:08 PM

How will i do this in javascript? lol

Rakuli · December 27th, 2007, 07:08 PM

Do you have any javascript experience? It is quite a fiddly feature to add zooming and dragging if you haven't coded much on the client side.

You could have a look at this very nice script by Walter Zorn...

http://www.walterzorn.com/dragdrop/dragdrop_e.htm

It is a whole API for dragging, dropping and zooming.

Monie · December 28th, 2007, 02:33 AM

http://www.asos.com/Kimberly-Stewart...&clr=Blue&sh=0

That example you gave will only work in IE, not FF!

Stuart · December 28th, 2007, 11:01 PM

Monie are you sure? It worked for me!

webdevguy · December 29th, 2007, 06:23 AM

Hi everyone,

This is an easy question - you don't need to do the coding yourself!

Here is a free javascript image zoomer. You can click + or - to zoom in and out. Then you can drag the image around. It's free for you to use.

Neat, hey?

Enjoy your programming

lisafelst12 · December 29th, 2007, 05:26 PM

Yeah I've got a decent knowledge of javascript, I need to do basically that same thing what the luckyview does, but will have to write the script for it i think

Monie · January 3rd, 2008, 02:22 AM

Quote:

Originally Posted by lisafelst12

Yeah I've got a decent knowledge of javascript, I need to do basically that same thing what the luckyview does, but will have to write the script for it i think

It's free tho.. No harm copy pasting them

That JS require NOT decent knowledge in JS but GOOD knowledge in JS!
Anyway good luck to you..

lisafelst12 · January 3rd, 2008, 08:59 AM

Yeah i've looked at the script and think i can work with it so thaaanks

I'll mark this as solved