[Resolved] Displaying image from dynamic link

[skeetley]

Hi all,
I wrote my code, it will follow below. My code works, no problem there. The thing it is loads with the default picture beneath the header-type information. But of course when you click on a link in that header-type information it takes you away to the link. How do I get it to show the new picture in place of the default picture? I am not sure a header file would work in this case, maybe I am wrong?
Thanks to LordShryku for all his previous help.

Shayne

<?php
$FileArray = file ("http://weatheroffice.ec.gc.ca/data/radar/temp_image/"); 
rsort($FileArray); 
$current = 0;
for ($i = 0 ; $i < count($FileArray); $i++)
{
$FileArray[$i] = ereg_replace(" +"," ",$FileArray[$i]);
$FileArray[$i] = explode("\"", $FileArray[$i]); 
  	if(substr($FileArray[$i][5],0,13) == "COMPOSITE_WRN") 
	{ 
    if ($current == 0) {$current = $i;}
	}
}
	echo "<font size=4 color=red>Latest Radar Image from Environment Canada<br></b></font>";
	list($link,$date,$time,$size)= explode(" ",$FileArray[$current][6]);
	list($hour,$min)= explode(":",$time);
	$hour = $hour-6;
	if (hour < 0) {$hour = $hour + 24;}
	echo "Last image posted to internet @ ".$hour.":".$min." LST<p>";
	$weatheroffice = "http://weatheroffice.ec.gc.ca/data/radar/temp_image/";
	$urlstring0=$weatheroffice.$FileArray[$current][5];
	$urlstring20=$weatheroffice.$FileArray[$current+1][5];
	$urlstring40=$weatheroffice.$FileArray[$current+2][5];
	$urlstring60=$weatheroffice.$FileArray[$current+3][5];
	$urlstring80=$weatheroffice.$FileArray[$current+4][5];
	$urlstring100=$weatheroffice.$FileArray[$current+5][5];
	$urlstring120=$weatheroffice.$FileArray[$current+6][5];
	echo "Previous Images: <a href=".$urlstring20.">20 mins ago</a> | 
						   <a href=".$urlstring40.">40 mins ago</a> | 
						   <a href=".$urlstring60.">60 mins ago</a> | 
						   <a href=".$urlstring80.">80 mins ago</a> |
						   <a href=".$urlstring100.">100 mins ago</a> | 
						   <a href=".$urlstring120.">120 mins ago</a>" ;
	echo "<img src=$urlstring0>";

?>

[weekender]

this is nothing to do with php, more with dhtml

in the image tag, you put an ID attribute and name the tag

<IMG SRC="image1.jpg" ID="myimage">

then you have links with javascript in

<A HREF="" ONCLICK="myimage.src=image2.jpg">Click here</A>

you can even have non-link elements, such as pictures (including the picture you are changing) have the onclick attribute.

<IMG SRC="image1.jpg" ONCLICK="this.src=image2.jpg">

or you can use ONMOUSEOVER and ONMOUSEOUT to create rollover effects

<IMG SRC="image1.jpg" ONMOUSEOVER="this.src=image2.jpg" ONMOUSEOUT="this.src=image1.jpg">

this last example shows image1 normally, then image2 when the mouse is over it, then back to image1 when the mouse moves away.

hope this helps

adam