Tech Support Guy banner
Status
Not open for further replies.
1 - 13 of 13 Posts

·
Registered
Joined
·
2,910 Posts
Each picture is individually referenced. The functions are started with the "body onLoad" tag.

Hope that helps! :)

Code:
<body onLoad="setup(); scrollImgs();" bgcolor="#FFFFFF" text="#333333" link="#666666" vlink="#666666" alink="#666666">
<div id="main" style="position:absolute; left:0px; top:70; width:748px; height:150px; z-index:1; overflow: hidden;; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"> 
  <div id="pics1" style="position:absolute; left:0px; top:10px; width:685px; height:70px; z-index:2; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"> 
    <table width="100%" border="0" cellpadding="1" cellspacing="0">
      <tr> 
        <td> <a href="sitemap.htm">
        <img src="obr1.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="101" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr2.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="112" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr3.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="226" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr4.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="111" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm"> 
        <img src="obr6.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="112" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr5.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="105" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr7.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="112" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr8.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="105" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr9.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="112" height="150"></a> 
        </td>
      </tr>
    </table>
</div>
<div id="pics2" style="position:absolute; left:675px; top:10px; width:685px; height:70px; z-index:2; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000"> 
    <table width="100%" border="0" cellpadding="1" cellspacing="0">
<tr> 
        <td> <a href="sitemap.htm">
        <img src="obr1.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="101" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr2.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="112" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr3.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="226" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr4.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="111" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm"> 
        <img src="obr6.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="112" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr5.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="105" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr7.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="112" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr8.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="105" height="150"></a> 
        </td>
        <td> <a href="sitemap.htm">
        <img src="obr9.jpg" onmouseover="stopScroll();" onMouseOut="scrollImgs();" align="top" border="0" width="112" height="150"></a> 
        </td>
      </tr>
    </table>
</div>
</div>
 

·
Registered
Joined
·
106 Posts
You can't load the files dynamically for the simple reason that when you view the page the program (HTML and JavaScript) is running on your m/c and the pictures come from the server. You will need some kind of server-side scripting.

It would help if you could explain a simple scenario which would fit your needs. It is not easy to provide an answer if you don't tell us what the problem is :)

Gaz
 

·
Registered
Joined
·
106 Posts
OK, I see the problem.

If you have a fixed number of pictures, then simply get your friend to overwrite the existing pictures.

If you have a variable number, then there are a number of ways, depending on how complicated you want to get and what you have available to you on the server. You could create the page on the fly and add in all the images found in the relevant directory for example.

Gaz
 
1 - 13 of 13 Posts
Status
Not open for further replies.
Top