attribute pop up images

**krullkar** · 1 Apr 2007, 10:56 PM

Ok, I think I narrowed it down. I'm getting this error:

Code:

Error: popImage is not defined
Source File: javascript:popImage('images//medium/attributes/crownheartskull-ts-grey_MED.jpg', 'Large View')
Line: 1

I don't see popImage defined in either of our page sources. Where should popImage be defined?

**krullkar** · 1 Apr 2007, 11:25 PM

Oh, SNAP! Let's take it back to the basics

Code:

-rw-------  1 xmxbx pg509405 2390 Mar 15 08:19 jscript_dynamic_window_popup.js

The javascript file thinger didn't have read permissions. It works now!

**cheezylu** · 1 Apr 2007, 11:31 PM

I'm glad you got it working!

**etal2000** · 2 Apr 2007, 01:16 PM

Thank you so much, that truly is a great addition and very well explained!

I am wondering... my pop up window is about 1 inch by 2 inches and I can only see the corner of my enlarged picture. I am unable to make the pop up window any bigger either by pressing the button in the right corner or the resize option. I am not sure if this is a setting in the zen cart or if it is a setting in my browser. I tried to open and resize it on 2 different computers. Anyone had this problem before?

**krullkar** · 3 Apr 2007, 02:55 AM

Originally Posted by etal2000

I am wondering... my pop up window is about 1 inch by 2 inches and I can only see the corner of my enlarged picture. I am unable to make the pop up window any bigger either by pressing the button in the right corner or the resize option. I am not sure if this is a setting in the zen cart or if it is a setting in my browser. I tried to open and resize it on 2 different computers. Anyone had this problem before?

Probably has to do with how the window is generated:

from: /includes/templates/my_template/jscript/jscript_dynamic_window_popup.js

Code:

// Do not edit below this line...
// ================================
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=no,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');       
writeln('window.innerWidth=document.images["George"].width;');writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');writeln('</sc'+'ript>');
if (!AutoClose) writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()">')
else writeln('</head><body bgcolor=000000 scroll="no" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();

**etal2000** · 6 Apr 2007, 03:28 AM

Thank you so much. You are right, the script set the pop up window at 100x150. It works great now!

**krullkar** · 7 Apr 2007, 04:24 AM

Lucky guess!

**Woody619** · 17 Apr 2007, 05:19 PM

Would this work on my attributes?
What I'm trying to do is have a small popup box popup next to the attributes.

My Link
http://www.anythingframed.co.uk/inde...roducts_id=184

**CelticKatt** · 7 May 2007, 10:16 PM

Originally Posted by quillowmania

Hello,
if you'd like to check it out, please go to my website, www.quillowmania.com.
The link will take you to the correct location to demo the attributes. Look towards the bottom of the page where it says "Select Bib Design"

Above the image it says "Click to enlarge" and below the image you have it set up to say the product name/option value (for example "Spit Happens") instead of "Please choose". I'd like to do the same, either that or get rid of "Please choose" completely. How did you change yours?!

**blag** · 6 Jun 2007, 10:47 AM

I modified the script so that it now works using the corresponding images in the /images/large/ subdirectory rather than images/attributes/medium

I did this because the 'large' directory already exists in the default zen cart set-up (I believe) AND I have already uploaded a significant number of the attributes 'large' images there!

In this mod of the mod, the required large image 'suffix' follows the Zen cart convention i.e. image_name_LRG.xxx

I hope that it may be of use to someone.