Solved

Image Magnification

Posted on 2008-10-02
3
834 Views
Last Modified: 2013-12-25
I need to know what technology this website is using to create this magnification.  Go to http://www.newskates.com/Inline_Speed_Skates_p/ilks145.htm and place your cursor over the skate.  How is this done?
0
Comment
Question by:rbudj
3 Comments
 
LVL 14

Accepted Solution

by:
Zac Harris earned 250 total points
Comment Utility
They are using JavaScript to acomplish this

A "vZoomTransparentOverlay" div id
A "vZoomMagnifier" div id
A "vZoomArea" div id
A "vZoomLoadingArea" div id



0
 
LVL 44

Assisted Solution

by:scrathcyboy
scrathcyboy earned 250 total points
Comment Utility
You will need the entire file of javascript to accomplish the same effect.  Here it is from their site --

http://www.newskates.com/a/j/vzoom.js

You will have to rename your images, and call that function with those images, like this --

<img id="product_photo" src="/v/vspfiles/photos/ILKS145-2T.jpg" border="0" alt="110mm Wheels/ABEC 7 Bearings" onload="vZoom.add(this, '/v/vspfiles/photos/ILKS145-2.jpg');" /></a>

You can see that when the image loads, it is calling the Vzoom.add module in the JS link above.
0
 
LVL 16

Author Closing Comment

by:rbudj
Comment Utility
thanks yall, points split evenly
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now