Solved

Image Magnification

Posted on 2008-10-02
3
837 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
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 250 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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…

821 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