liunx · Jan 9, 2008

Hi all, 
 
Is there a way to position multiple 's inside a <td> so that they are stacked on top of one another without using absolute positioning as the table may not always be in the same place. 
 
<table> 
<tr> 
<td> 
<img border="0" src=http://www.htmlforums.com/archive/index.php/"images/img_1.jpg" width="510" height="382"> 
 
<img border="0" src=http://www.htmlforums.com/archive/index.php/"images/img_2.jpg" width="510" height="382"> 
</td> 
</tr> 
</table> 
 
Thanks in advance! 
HedgeHogAll you want here is an Image rollover. 
Just put an image inside your <td> and change its .src property when need be. Do a web search on image rollover for examples. 
 
And to answer your question, No - you need absolute positioning.Ok, I found and modified a image rollover script and got it to work fine except.....I need the image names to come into the javascript below as variables ($img_1, $img_2, $img_3, $img_4, $img_5). 
 
I did check to see if the variables are present and they are, but how do I get them to load into the following part of the script? 
 
echo "photos[0]=\"$img_1\";\n"; 
echo "photos[1]=\"$img_2\";\n"; 
echo "photos[2]=\"$img_3\";\n"; 
echo "photos[3]=\"$img_4\";\n"; 
echo "photos[4]=\"$img_5\";\n"; 
 
 
 
echo "<script language=\"JavaScript1.2\">\n"; 
echo "var photos=new Array()\n"; 
 
echo "photos[0]=\"$img_1\";\n"; 
echo "photos[1]=\"$img_2\";\n"; 
echo "photos[2]=\"$img_3\";\n"; 
echo "photos[3]=\"$img_4\";\n"; 
echo "photos[4]=\"$img_5\";\n"; 
 
echo "function img0(){\n"; 
echo "window.status=''\n"; 
echo "imgnum=0\n"; 
echo "document.images.imgchanger.src=http://www.htmlforums.com/archive/index.php/photos[imgnum]\n"; 
echo "}\n"; 
 
echo "function img1(){\n"; 
echo "window.status=''\n"; 
echo "imgnum=1\n"; 
echo "document.images.imgchanger.src=http://www.htmlforums.com/archive/index.php/photos[imgnum]\n"; 
echo "}\n"; 
 
echo "function img2(){\n"; 
echo "window.status=''\n"; 
echo "imgnum=2\n"; 
echo "document.images.imgchanger.src=http://www.htmlforums.com/archive/index.php/photos[imgnum]\n"; 
echo "}\n"; 
 
echo "function img3(){\n"; 
echo "window.status=''\n"; 
echo "imgnum=3\n"; 
echo "document.images.imgchanger.src=http://www.htmlforums.com/archive/index.php/photos[imgnum]\n"; 
echo "}\n"; 
 
echo "function img4(){\n"; 
echo "window.status=''\n"; 
echo "imgnum=4\n"; 
echo "document.images.imgchanger.src=http://www.htmlforums.com/archive/index.php/photos[imgnum]\n"; 
echo "}\n"; 
 
echo "</script>\n";Well, I don't know why you'd want so many functions doing the same thing. Why not try: 
 
echo "function img(n){\n"; 
echo "window.status=''\n"; 
echo "document.images.imgchanger.src=http://www.htmlforums.com/archive/index.php/photos[n]\n"; 
echo "}\n"; 
 
// Then you'd call it by: img(4) 
 
 
Can't help you with the php I'm afraid. Scoutt's our resident php guru. If he doesn't see this then you might like to pm him.Hey thanks, 
 
I will give it a try. I also posted this over at server side and got some resolutions over there. 
 
Thanks again

<span>

liunx

Guest