Image Handler 2 (for ZC v1.3.8 ONLY) Support

[SaMortensen]

It is in the templates/css folder, and as a precaution, I went and added the folders with their files to my current template but it makes no difference it is still doing this.

[Stuff4Toys]

It is in the templates/css folder, and as a precaution, I went and added the folders with their files to my current template but it makes no difference it is still doing this.

Ok, to be a little more clear, I looked at your home page source code:

<link rel="stylesheet" type="text/css" href="includes/templates/clean_business/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/clean_business/css/stylesheet_css_buttons.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/clean_business/css/stylesheet_dotline.css" />
<link rel="stylesheet" type="text/css" media="print" href="includes/templates/clean_business/css/print_stylesheet.css"

and it is not loading.

Double check, it looks like it needs to be in THIS folder:
includes/templates/clean_business/css/

Try that.
JOhn ><>

[SaMortensen]

That is so bizaar, because it is there. I even just made some changes to the style_imagehover.css file in my clean_business template and then uploaded it, overwriting the file. How do I make sure it loads then?

http://www.knotnbauble.com/images/Image4.jpg ---> see screenshot

[Stuff4Toys]

That is so bizaar, because it is there. I even just made some changes to the style_imagehover.css file in my clean_business template and then uploaded it, overwriting the images. How do I make sure it loads then?

<a href="http://www.knotnbauble.com/image4.jpg">see screenshot</a>

my bad... I was only looking at your home page and there are no product images there so it wouldn't load.

It IS loading on product listing pages.

Try uploading the stock distribution file instead of your custom one.
JOhn ><>

[SaMortensen]

John - I'm confused. It is the stock one from the Image Handler file that I downloaded. The only thing I changed is the position. It had absolute - so I tried Centered and changed the left and top position, and that didn't change anything except make the white box appear around the image with the wording small like it should be.

This is the actual code on the style_imagehover.css page:

#trailimageid {
position: center;
visibility: hidden;
left: 50px;
top: 150px;
width: 220px;
height: 0px;
z-index: 1000;
}

#trailimageid div {
padding: 5px;
background-color: #FFF;
border: 1px solid #888;
text-align: center;
}

#trailimageid h1 {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 2px 0px;
text-align: left;
width: 100%;
}

#trailimageid img {
margin: 2px;
border: none;
}

Any other ideas?

[Stuff4Toys]

John - I'm confused. It is the stock one from the Image Handler file that I downloaded. The only thing I changed is the position. It had absolute - so I tried Centered and that didn't change anything except make the white box appear around the image with the wording small like it should be.

This is the actual code on the style_imagehover.css page:
Any other ideas?

Sorry that's the only trick in my bag of ... Just for giggles try putting a copy in the template_default/css folder too.
JOhn ><>

[SaMortensen]

Well I guess that's out too because I already did that. I put a copy in each one.

[pharry]

I'm having some folks reporting issues with hovering. I use IE and Firefox, and I have no problems. The enlarged popup is positioned nicely at the bottom of my screen, and as I scroll down, the popups continue to display at the bottom, always the complete image.

But... in Safari the display at the top, and as you scroll down the screen, the popup is off the top of the screen, and no longer visible.

I also have at least one IE user that says she has the same problem - the popups are off the screen at the top.

I have the style_imagehover.css in my /includes/templates/CUSTOM/css folder and in the /includes/templates/template_default/css folder.

Any ideas?