[SOLVED] zoom and drag an image help

This is a discussion on "[SOLVED] zoom and drag an image help" within the JavaScript Forum section. This forum, and the thread "[SOLVED] zoom and drag an image help are both part of the Program Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Program Your Website > JavaScript Forum

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Dec 27th, 2007, 17:08
Up'n'Coming Member
Join Date: Aug 2007
Location: United Kingdom
Age: 21
Posts: 63
Thanks: 0
Thanked 0 Times in 0 Posts
[SOLVED] zoom and drag an image help

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Dec 27th, 2007, 20:05
alexgeek's Avatar
Moderator

SuperMember
Join Date: Jul 2007
Location: Webforumz 24/7
Age: 15
Posts: 3,812
Blog Entries: 9
Thanks: 2
Thanked 2 Times in 2 Posts
Re: zoom and drag an image help

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.
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Dec 27th, 2007, 20:08
Up'n'Coming Member
Join Date: Aug 2007
Location: United Kingdom
Age: 21
Posts: 63
Thanks: 0
Thanked 0 Times in 0 Posts
Re: zoom and drag an image help

How will i do this in javascript? lol
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Dec 27th, 2007, 23:08
Rakuli's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Australia
Age: 24
Posts: 956
Blog Entries: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Re: zoom and drag an image help

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.
Last Blog Entry: The wannabe juggler's quest (Oct 27th, 2007)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Dec 28th, 2007, 06:33
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,612
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Re: zoom and drag an image help

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

That example you gave will only work in IE, not FF!
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Dec 29th, 2007, 03:01
Highly Reputable Member
Join Date: Sep 2007
Age: 15
Posts: 717
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: zoom and drag an image help

Monie are you sure? It worked for me!
Last Blog Entry: Windows Vista vs. Mac Leopard (Nov 4th, 2007)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Dec 29th, 2007, 10:23
New Member
Join Date: Dec 2007
Location: London, UK
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Free image zoomifier

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

Last edited by Rakuli; Dec 29th, 2007 at 11:23. Reason: Advertising links removed - appreciate your help with the free script but advertising in not allowed....
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Dec 29th, 2007, 21:26
Up'n'Coming Member
Join Date: Aug 2007
Location: United Kingdom
Age: 21
Posts: 63
Thanks: 0
Thanked 0 Times in 0 Posts
Re: zoom and drag an image help

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Jan 3rd, 2008, 06:22
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,612
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Re: zoom and drag an image help

Quote:
Originally Posted by lisafelst12 View Post
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..
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Jan 3rd, 2008, 12:59
Up'n'Coming Member
Join Date: Aug 2007
Location: United Kingdom
Age: 21
Posts: 63
Thanks: 0
Thanked 0 Times in 0 Posts
Re: zoom and drag an image help

Yeah i've looked at the script and think i can work with it so thaaanks I'll mark this as solved
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
2 ondblclick handlers to zoom-in/zoom-out images benreynolds4 JavaScript Forum 4 May 23rd, 2008 19:39
[SOLVED] drop 'n drag ahwell Flash & Multimedia Forum 6 Jan 29th, 2008 21:12
[SOLVED] multiple image rollover not restoring image snappy JavaScript Forum 4 Nov 5th, 2007 14:38
drag (not drop) snooper JavaScript Forum 2 Jul 5th, 2007 20:40
image zoom and scrollbar neo007 JavaScript Forum 0 Feb 15th, 2007 02:54


All times are GMT. The time now is 01:23.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42