?
Solved

Image Magnification

Posted on 2008-10-02
3
Medium Priority
?
855 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 1000 total points
ID: 22628398
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 1000 total points
ID: 22629559
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
ID: 31502561
thanks yall, points split evenly
0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
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…
Suggested Courses

569 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