Repeat some javascript code until the row is full

MidiMagic 579 Nearly a Senior Poster · 2008-03-11T23:55:00+00:00

Those images are predefined, and set to occupy a certain percentage of the width of the page. They contain links to other pages. It's a menu.

You need to do the following. The example is for 10 images:

<html>
<head>
...
<style type="text/css">
.wfl {width: 100%}
.w10 {width: 10%; margin: 0; border: none; padding: 0; text-align: center;}
.pic {padding: 2px; clear: both;}
</style>
...
</head>
<body>
...
<table class="wfl">
  <tr>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic1" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic2" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic3" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic4" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic5" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic6" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic7" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic8" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic9" />
    </td>
    <td class="w10>
      <img src=blank.jpg class="pic" id="pic10" />
    </td>
  </tr>
</table>   
...
</body>
</html>

blank.jog is an image the same size, with nothing but your background color in it. This holds the places until js loads the images.

Now use js to insert your random thumbnails.