Note: These code changes are purely experimental and I'm posting them in an effort to get help, not to be used as a copy & paste guide.
www (dot) buyers-market (dot) net/zen is the site I'm working on. Of course it's still very much in development, but it will give you an idea of what I'm trying to do.
So far I've been able to specify with width and height of the zoom box by editing these lines in jscript_imagehover.js
Code:
trailobj.style.width=(zoomimgwidth+(2*padding))+"px";
trailobj.style.height=(zoomimgheight+(2*padding))+"px";
to look something like this. I'd like the set them to auto, but IE doesn't like that.
Code:
trailobj.style.width="200px";
trailobj.style.height="75px";
To remove the picture I replaced these two lines
Code:
newHTML = '<div><h1>' + title + '</h1>';
newHTML = newHTML + '<img src="' + imagename + '"></div>';
with this one
Code:
newHTML = '<div><h1>' + title + '</h1></div>';
All of that seems to work fine, but the positioning of the box isn't right. It still seems like its based off the size of the image that would normally be there. So if the "would be image" is small it looks alright, but if its large the box gets bumped out of position. For example the products in Doors -> Exterior works reasonably well where Doors -> Interior are all over the place. The interior door images are much larger, and I'm fairly sure that is what is causing this. Any ideas on how to smooth this out?
Bookmarks