Stan Brown wrote on 21 jul 2003 in
comp.infosystems.
www.authoring.stylesheets:<style>
.thumbnails {width:80px;height:60px;margin:5px;}
</style>
This is really not good advice, for two reasons:
(1) most browsers don't give very good results when resizing
pictures.
(2) having the browser resize a picture wastes download time.
A MUCH better approach, really the only reasonable approach, is for
the author to use an image editor to make the thumbnails the desired
size before uploading them.
1
It is a bit beside the question as the question was a stylesheet solution
(NG!) to different thumbnail sizes, it does not say the src'es where not
thumbnails.
2
It sometimes is not a waste of download time at all, since it can be a
very visual way of preloading, even if the original is 400x300px or so.
Even vertical images, though distorted as horizontal thumbnails, are
easily recognisable, a thumbnail is nearly never a good picture and it
doesn't need to be:
=============
<style>
..thumbnails {width:80px;height:60px;margin:5px;}
</style>
<img src="empty.jpg" class="big" id="bigimg"><br>
<img src="a.jpg" class="thumbnails"
onmouseover="bigimg.src=this.src">
<img src="b.jpg" class="thumbnails"
onmouseover="bigimg.src=this.src">
===========
This specific code not tested, it is the idea.
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)