Solved

Image Magnification

Posted on 2008-10-02
3
839 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Forrester Webinar: xMatters Delivers 261% ROI

Guest speaker Dean Davison, Forrester Principal Consultant, explains how a Fortune 500 communication company using xMatters found these results: Achieved a 261% ROI, Experienced $753,280 in net present value benefits over 3 years and Reduced MTTR by 91% for tier 1 incidents.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Handling case and special names in javascript 3 47
Boolean 13 44
transfer content to new site design 7 44
Displaying Text in Columns in HTML 3 30
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

739 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