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

[Muzz]

just a update to my post above,

-it works perfectly on Opera browser
-Just cuts a small bit off the bottom of the picture on IE
-As stated, about 1/4 of the picture is missing with FF v3.0.15, but i can manually make the window bigger once the picture loads.

Any help would be great.

Cheers
Grant.

Are opening a new window? Just as what you mention about FF above.

Watermark doesn't work using IH2. So forget about that.

I would do testing on IE, FF and maybe Chrome are the mostly used browsers. Safari if you have to I guess.

I suggest you look into your image sizing in the admin of your Zen Cart. Might be something astray here. Otherwise it could be a image mod problem?

Something is not working right (corrupt) or your measurement settings in admin are wrong.

admin>configuration>images

admin > Configuration > fual Slimbox

Admin> configuration > AJAX Image Swapper
etc..

[Muzz]

New Install with IMage Handler giving me trouble. I've used it on many sites with no issues, so I'm wondering if its something to do with the server. It's a server I've never used before.

The hovering works, but it's hovering the full sized image, and is not resizing the product listing images:

http://www.coastcages.com/newstore/i...=index&cPath=4

Any ideas of where to look?

I can see you have removed IM2 at the link above.

Where are you editing the sizing max value for IM2?

Check other post above.. see if any of those settings help.

[DivaVocals]

Are opening a new window? Just as what you mention about FF above.

Watermark doesn't work using IH2. So forget about that.

Watermarking works just fine in IH2. See example here: http://zen138.overthehillweb.com/Lig...oremIpsumDolor. On this test site I have only IH2 and Fual Slimbox installed.

Don't mean to sound like a broken record, but IH2 is an easy install.

• Rename \includes\templates\YOUR_TEMPLATE to match your template's folder name
• Rename admin to match your admin folder name (if you have renamed your admin folder)
• FTP to your site
• Go to Admin > Tools > Image Handler and click on the "Install Image Handler" link

I suggest you look into your image sizing in the admin of your Zen Cart. Might be something astray here. Otherwise it could be a image mod problem?

Something is not working right (corrupt) or your measurement settings in admin are wrong.

admin>configuration>images

admin > Configuration > fual Slimbox

Admin> configuration > AJAX Image Swapper
etc..

I agree.. After a straight install, IH2 should just work. If there are issues, like Muzz has stated, you need to check your settings under Admin > Configuration > Images. If you have any other mods which affect images, and you have made changes to the default settings for these mods, you may also need to check those as well..

[Rainyplace]

thank you for your repies, i will have a play with it tonight and let you know how i go. cheers.

[DivaVocals]

thank you for your repies, i will have a play with it tonight and let you know how i go. cheers.

Also see the troubleshooting section in the IH2 readme.. It covers some suggestions for the default image settings..

[pixelwrangler]

Still puzzling over IH2 behaviors. I have found, through trial and error, that the Zen Cart Admin control, "IH Resize Images" is also responsible for toggling the Watermark feature on and off.

F'rinstance, if you set IH Resize Images to "no," the Watermarking feature stops working.

Unfortunately, the IH Resize Images switch also seems to control the sharpness of the images. With IH Resize Images set to "no," overall sharpness is excellent. With IH Resize Images set to "yes," all images regardless of size are noticeably unsharp.

Please, don't reply with advice on how to resize images. I've been retouching digital image files professionally for many years: it's not the original files, which are plenty sharp in any context OTHER than being controlled by IH2.

Any ideas on how to maximize sharpness? I'm beginning to think I have to go back to manually resizing the JPG's in Photoshop and outputting to Zen Cart folders individually.

[DivaVocals]

Still puzzling over IH2 behaviors. I have found, through trial and error, that the Zen Cart Admin control, "IH Resize Images" is also responsible for toggling the Watermark feature on and off.

F'rinstance, if you set IH Resize Images to "no," the Watermarking feature stops working.

Unfortunately, the IH Resize Images switch also seems to control the sharpness of the images. With IH Resize Images set to "no," overall sharpness is excellent. With IH Resize Images set to "yes," all images regardless of size are noticeably unsharp.

Please, don't reply with advice on how to resize images. I've been retouching digital image files professionally for many years: it's not the original files, which are plenty sharp in any context OTHER than being controlled by IH2. I don't have an issues with clarity or sharpness.. Don't know if that helps.. but that's my three cents..

Any ideas on how to maximize sharpness? I'm beginning to think I have to go back to manually resizing the JPG's in Photoshop and outputting to Zen Cart folders individually.

Without a link to get a better reference on what you are seeing, and without knowing the rest of your image settings it's hard to give an answer, but I will offer up this suggestion.

In general the maximum size I use for product images is 800x800. So I re-size all my product images based on this maximum dimension. I upload these images and let Image Handler take care of resizing everything else (ie: small and medium images) which it does based on my image settings...

[ethanolic]

Hi All

I installed image handler 2 for my 1.38a zencart, appearately every thing works find except when i turn on the watermarking for large image. no image is displayed in the popup window. below is my popwindow content and my configuration, any help is appreciated .

<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/style_imagehover.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet_css_buttons.css" />
<script type="text/javascript" src="includes/templates/classic/jscript/jscript_imagehover.js"></script>
<script language="javascript" type="text/javascript"><!--
var i=0;
function resize() {
i=0;
// if (navigator.appName == 'Netscape') i=20;
if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1 && window.navigator.userAgent.indexOf('SV1') != -1) {
i=30; //This browser is Internet Explorer 6.x on Windows XP SP2
} else if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1) {
i=0; //This browser is Internet Explorer 6.x
} else if (window.navigator.userAgent.indexOf('Firefox') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) {
i=25; //This browser is Firefox on Windows
} else if (window.navigator.userAgent.indexOf('Mozilla') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) {
i=45; //This browser is Mozilla on Windows
} else {
i=80; //This is all other browsers including Mozilla on Linux
}
if (document.documentElement && document.documentElement.clientWidth) {
// frameWidth = document.documentElement.clientWidth;
// frameHeight = document.documentElement.clientHeight;

imgHeight = document.images[0].height+40-i;
imgWidth = document.images[0].width+20;

var height = screen.height;
var width = screen.width;
var leftpos = width / 2 - imgWidth / 2;
var toppos = height / 2 - imgHeight / 2;

frameWidth = imgWidth;
frameHeight = imgHeight+i;

window.moveTo(leftpos, toppos);


// window.resizeTo(imgWidth, imgHeight);
window.resizeTo(frameWidth,frameHeight+i);
}
else if (document.body) {
window.resizeTo(document.body.clientWidth, document.body.clientHeight-i);
}
self.focus();
}
//--></script>
</head>

<body id="popupImage" class="centeredContent" onload="resize();">
<div>

IH resize images yes Info
IH small image filetype no_change Info
IH small image background 255:255:255 Info
IH watermark small images no Info
IH zoom small images yes Info
IH small image hotzone no Info
IH small image compression quality 85 Info
IH medium image filetype no_change Info
IH medium image background 255:255:255 Info
IH watermark medium images no Info
IH zoom medium images no Info
IH medium image hotzone no Info
IH medium image compression quality 85 Info
IH large image filetype no_change Info
IH large image background 255:255:255 Info
IH watermark large images no
IH large image compression quality 85 Info
IH large image maximum width 750 Info
IH large image maximum height 550 Info
IH watermark gravity Center Info
IH zoom gravity SouthEast Info

[DivaVocals]

If you have any other mods which affect images, and you have made changes to the default settings for these mods, you may also need to check those as well.. Also if mods you've installed have files which are also used by IH2, you will need to merge the files so that both mods work together.

Have you checked the troubleshooting section in the IH2 readme.. It covers some suggestions for the default image settings..

Hi All

I installed image handler 2 for my 1.38a zencart, appearately every thing works find except when i turn on the watermarking for large image. no image is displayed in the popup window. below is my popwindow content and my configuration, any help is appreciated .

<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/style_imagehover.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet.css" />

<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet_css_buttons.css" />
<script type="text/javascript" src="includes/templates/classic/jscript/jscript_imagehover.js"></script>
<script language="javascript" type="text/javascript"><!--
var i=0;
function resize() {
i=0;
// if (navigator.appName == 'Netscape') i=20;
if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1 && window.navigator.userAgent.indexOf('SV1') != -1) {
i=30; //This browser is Internet Explorer 6.x on Windows XP SP2
} else if (window.navigator.userAgent.indexOf('MSIE 6.0') != -1) {
i=0; //This browser is Internet Explorer 6.x
} else if (window.navigator.userAgent.indexOf('Firefox') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) {
i=25; //This browser is Firefox on Windows
} else if (window.navigator.userAgent.indexOf('Mozilla') != -1 && window.navigator.userAgent.indexOf("Windows") != -1) {
i=45; //This browser is Mozilla on Windows
} else {
i=80; //This is all other browsers including Mozilla on Linux
}
if (document.documentElement && document.documentElement.clientWidth) {
// frameWidth = document.documentElement.clientWidth;
// frameHeight = document.documentElement.clientHeight;

imgHeight = document.images[0].height+40-i;
imgWidth = document.images[0].width+20;

var height = screen.height;
var width = screen.width;
var leftpos = width / 2 - imgWidth / 2;
var toppos = height / 2 - imgHeight / 2;

frameWidth = imgWidth;
frameHeight = imgHeight+i;

window.moveTo(leftpos, toppos);


// window.resizeTo(imgWidth, imgHeight);
window.resizeTo(frameWidth,frameHeight+i);
}
else if (document.body) {
window.resizeTo(document.body.clientWidth, document.body.clientHeight-i);
}
self.focus();
}
//--></script>
</head>

<body id="popupImage" class="centeredContent" onload="resize();">
<div>

IH resize images yes Info
IH small image filetype no_change Info
IH small image background 255:255:255 Info
IH watermark small images no Info
IH zoom small images yes Info
IH small image hotzone no Info
IH small image compression quality 85 Info
IH medium image filetype no_change Info
IH medium image background 255:255:255 Info
IH watermark medium images no Info
IH zoom medium images no Info
IH medium image hotzone no Info
IH medium image compression quality 85 Info
IH large image filetype no_change Info
IH large image background 255:255:255 Info
IH watermark large images no
IH large image compression quality 85 Info
IH large image maximum width 750 Info
IH large image maximum height 550 Info
IH watermark gravity Center Info
IH zoom gravity SouthEast Info

[ethanolic]

Thanks for the advice i have checked all the troubleshoot could not find the problem.. watermarking works for my medium and large image .. just not the main image..