Mottie/AnythingZoomer — Issue #2: Large image issue
Author: dianejwright
Created: 2011-12-22 21:10:42+00:00
State: open

I'm stumped. Here's the page I built of your demo (before putting in my own images, I wanted to make sure I could get it to work). As you can see, the appearance/positioning of the large image as the viewer moves isn't working as in the demo. Can't figure out why. Thoughts?

Live test page: http://dianejwright.com/test/

HTML:

CSS:

#zoom { width: 500px; }
.small img { width: 225px; height: 150px; }
.large img { width: 500px; height: 333px; background: white; }

/* Overall */
.az-wrap, .az-small, .az-large {
position: relative;
}
.az-wrap-inner {
display: block;
}
/* This wraps the large image and hides it */
.az-zoom {
background: #fff;
border: #333 1px solid;
position: absolute;
top: 0;
left: 0;
width: 100px; /* Default zoom window size */
height: 100px;
overflow: hidden;
z-index: 100;
display: none;
}
/* Class applied to az-mover when large image is windowed */
.az-windowed {
overflow: hidden;
position: absolute;
}
/* Class applied to az-mover when large image is fully shown */
.az-expanded {
height: auto;
width: auto;
position: static;
overflow: visible;
};

HEAD:

DIANE J. WRIGHT