use different image for thumbnail and enlarged image

[azc-uk]

Hi All,

 

I have started setting up a site which uses GIF's for the images so that they have a transparent background. They work nicely but they are a bit fuzzy round the edges because they have been auto-resized by the browser.

 

So what I want to do is resize the GIF's to the correct thumbnail size to start with, and then when they are clicked on, they pop up much bigger.

 

Andrew's script on here looks cool - but rather than popping up a bigger GIF, I would like to load a big jpeg instead (smaller file size).

 

Does anyone know how I can do this please?

 

Thanks in advance.

Ajoy.

[♥Vger]

There are several issues here. Internet Explorer has an 'auto-resize images' function which you can turn off in your Internet Explorer settings.

 

Then in osC admin under Configuration --> Images, you have a Small Image Width & Height. To avoid distortion of images set only the width and leave the height blank.

 

Your other problem is self-imposed. Just make the small images jpges and your problem is resolved.

 

Vger

[azc-uk]

There are several issues here. Internet Explorer has an 'auto-resize images' function which you can turn off in your Internet Explorer settings.

 

Then in osC admin under Configuration --> Images, you have a Small Image Width & Height. To avoid distortion of images set only the width and leave the height blank.

 

Your other problem is self-imposed. Just make the small images jpges and your problem is resolved.

 

Vger

 

Thanks for the reply. I have got Small Image width at 100 and height at 0 already.

 

I don't understand the part about making the small images jpegs - The small images need to have transparent backgrounds (which you cannot do with jpeg afaik which is why I made them gif). But I would like the large image popup to be a jpeg instead of a gif as it is about 1/5 of the file size.

 

Ajoy.