Displaying Large Graphics - Page 1

User 132348 Photo


Ambassador
12 posts

Hi -

I am setting up a site to help friends trying to sell an amazing property in Southern Spain. One of the pages will relate to the floor-plans of the ground and first floors.

Now, I can just put a graphic on the page, of course, but these are quite detailed, and what I would really like to do is to allow users to run a 'magnifying glass' over the plan and see an enlarged image. Alternatively, is there any neat and tidy way of displaying a large image and letting people range around it rather than just using the scroll bars?

Any ideas much appreciated!

Phil
User 184085 Photo


Ambassador
1,707 posts

you could have the original large image at 72dpi with little magnifying glasses on them, and when someone clicks on the mag a larger more detailed image of that area loads.

most of this can be done with image mapper, and possibly lightbox2.

just an idea.
Volunteering to help :)
http://www.tbaygeek.ca
My HTML play area
http://www.tbaygeek.ca/test/
User 289442 Photo


Registered User
161 posts

This may be useful also. Maybe with main image hot spots.

http://www.c6software.com/Products/PopBox/
User 364143 Photo


Guest
5,410 posts

Have a look at this page. Save the demo page to get the jquery plugin files.

http://www.davereederdesign.com/post/2009/09/01/jQuery-Magnify.aspx
CoffeeCup... Yeah, they are the best!
User 104702 Photo


Registered User
293 posts

The solution is Zoomify. It does just what you want. www.zoomify.com

An example here: http://www.johnvanhulst.com/zoom/ Drag the slider and drag your mouse over the map. This is a part of www.kunstmonument.nl (but as it is all Dutch.... :-))

Success, John
John van Hulst

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.