You don't want to do that. Get a Gallery or other Image processing program to make your thumgnails in batch mode. With bilinear resampling, they will not only reduce d/l times tremendously but, also look much better. Now, as for generating pages of thumbnails, a Gallery program can be good for that. Many allow you to specify (the better ones even allow you to create) templates so that thumbnail and page creation are a one pass operation. I have also used this strategy:
Code:
<script type="text/javascript">
<!--
cap = ["Ira Josephs aka Carrot Man ", // Caption #1
"Fun & Frolic . . .", //Caption #2
"Mirth . . .", // Caption #3
"Kim Trusty", // Caption #4
"Music at", // Caption #5
"Bud Light Main Stage . . .", // Caption #6
" ", // Caption #7
" ", // Caption #8
" ", // Caption #9
"State Street", // Caption #10
"Plum Mall Stage . . .", // Caption #11
" ", // Caption #12
" ", // Caption #13
"Oh Baby! ", // Caption #14
" ", // Caption #15
"Volunteers put . . .", // Caption #16
"up signs ", // Caption #17
"Stage construction . . . ", // Caption #18
" ", // Caption #19
" ", // Caption #20
" ", // Caption #21
"It Works!", // Caption #22
"Thanks Kurt!", // Caption #23
"Stage 'Right'!" ] //Caption #24
for (i = 1; i <= 24; i++)
{
if (i<=9){j="_0"+i}
else{j="_"+i}
if (i==1){j=""}
if (i%2==1){document.write("<tr><td>")}
else{document.write("<td align=\"right\">")}
document.write("<a href=\"detail/detail"+j+".html\" target=\"detail\"><img src=\"img_ind/"+i+"_side.jpg\" alt=\"Image: #"+i+"\"></a>")
document.write("<br><span style=\"position: relative; left:20;\">"+cap[(i-1)]+"</span></td></tr>")
}
//-->
</script>
to generate a page with captions but, ONLY on a page that passively requires requires JavaScript enabled before the user gets to it, with an alternate gallery shown to the non-JavaScript folks. It would be pointless to use this as your sole thumbnail page because non-JavaScript enabled browsers see nothing.
Bookmarks