I have a number of thumbnail images that are pulled from a database, these are currently displayed down the page.
I have an image place holder named walk.
I want to be able to click any of the thumbnails and the the image in place holder walk will change to the current image.
Here is my full code for the function.
Code: Select all
function display_interest_image_details($image_array,$SummitNo)
{
if (!is_array($image_array))
{
echo '<br/>No images listed in this category<br/>';
}
else
{
?>
<div id="Layer2"><img src="images/basket.jpg" name="walk" width="201" height="110" id="walk" /></div>
<?php
echo '<table width = "100%" border = 0 cellspacing =5>';
foreach ($image_array as $Image_Row)
{
$SummitNo = $Image_Row['key_id'];
$Comment = $Image_Row['comment'];
$ImageNo = $Image_Row['id'].".jpg";
$ImagePath = "/wain/images/fells/uploads/Interest/";
echo '<tr><p></p></tr>';
echo '<tr>';
echo '<td width ="100%"><div align="center">';
echo '<img src="'.$ImagePath."th_".$ImageNo.'" border=3';?> onclick="MM_swapImage('walk','','<?php echo "'.$ImagePath."th_".$ImageNo.'" ?>',1)"
<?php
//echo '<img src="'.$ImagePath."th_".$ImageNo.'" border=3 >';
echo '</div></td></tr><tr>';
echo '<td width ="100%"><div align="center">';
echo '<b>'.$Comment.'</b>';
echo '</div></td></tr>';
}
echo '</table>';
}
echo '<hr/>';
}
Code: Select all
echo '<img src="'.$ImagePath."th_".$ImageNo.'" border=3';?> onclick="MM_swapImage('walk','','<?php echo "'.$ImagePath."th_".$ImageNo.'" ?>',1)"
The following php to display the thumbnails works fine
Code: Select all
echo '<img src="'.$ImagePath."th_".$ImageNo.'" border=3 >';
Here is my javascript routine also
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
Many Thanks
Jamie