Width, Height doesn't work

[elaine1959]

1) Image Thumbnailer Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm


3) Describe problem:

When I put in the size parameters of the enlarged picture they do not work. It seems straightforward, but I am having trouble!!

Thanks
Elaine

[jscheuer1]

They are only used with the 'center' parameter and should be raw numbers, no units specified, and no quotes around the values. If you are still having problems, give us a link to your page.

[elaine1959]

Hi
I have the code like you said....here is my link...it's the first picture on the left.
http://www.centralfs.org/Sermons.html

and here is the code I am using...

<a href="images/Sermon1.jpg" onClick="return enlarge('images/Sermon1a.jpg',event,'center',560,420)">
<img src="images/Sermon1.jpg" border="0"></a>

I'm afraid it's something obvious, it's just I've been staring at this so long. When I click on the picture, it opens huge: 1600x1200.

Thank you so much!!
Elaine

[elaine1959]

Well, for some reason it is working now. I didn't change anything, just came back later and looked at it again. Amazing!! thanks for all your help!!!

[jscheuer1]

Glad it is working for you, just some extra thoughts -

I might have added that the images themselves must be of the dimensions specified, the browser will not resize them. Also, any changes to your code, images or markup may take time to appear to take effect due to browser caching of images and/or code/pages.

Your second sermon should actually be:

<a href="images/Sermon3.jpg"  onclick="return enlarge('images/Sermon3a.jpg',event,'center',560,644)">

For proper centering vertically as that is the true height of the image, not 420 but, 644 is really too large anyway and currently positions the image partly off of the screen at the bottom on most monitors. I'd suggest cropping that image to a height more in line with the other two.