Member Avatar for MDGM

Hi all!

I need to know how to repeat a javascript code snippet, until the table's row is full - so without stretching it. The row is inside the middle column of an 80% width table, made up of 3 columns, one for a left side graphic, the middle column for the content, and the right hand side one for the right side graphic.

All the javascript code is writes in a random 35/35 thumbnail image, and so i want this to repeat all the way to the end, so its good for all resolutions.

Thanks verrrry much guys and gals :]
Max

PS. Page: http://www.grafax.co.uk/testingserver/daniweb/example.html
& its the images at the top that I want repeated right to the edge.

  • 2 Contributors
  • 1 Reply
  • 121 Views
  • 8 Hours Discussion Span
  • Latest Post Latest Post by MidiMagic
Member Avatar for MidiMagic

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.