Solved

Image Magnification

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

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…

808 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