PDA

View Full Version : Switching headlines with images


celticstown
07-11-2009, 12:45 PM
I am trying to create a frontpage with a main image that is replaced by other images that can be clicked as thumbnails. I have succeeded in doing that, but am now looking to have a headline that links to another page in my site that would change as the images change. Here's my code, please help.

<script language="javascript">
function swapPhoto(photoSRC) {
document.images.imgPhoto.src = photoSRC;
}
</script>
<table width=550 height=45 style="background-color: #000000" style="color: #ffffff">
<tr><td><center><p><font size=5 style="color: #ffffff">New Articles</p></font></center></tr></td>
</table>
<table width=550 style="text-align:center" border=3 style="border-color: #000000">
<tr><td border=5 style="border-color:#000000">
<img src="http://blog.masslive.com/parquetpride/2008/08/large_jr-giddens-huge.jpg" id="imgPhoto" width="510" height="340" alt="Main Image" /></tr></td>
<tr><td border=5 style="border-color:#000000"><a href="javascript:swapPhoto
('http://blog.masslive.com/parquetpride/2008/08/large_jr-giddens-huge.jpg')"; return false;"><img src="http://blog.masslive.com/parquetpride/2008/08/large_jr-giddens-huge.jpg" width="123" height="82" border=0 /></a></a>
<a href="javascript:swapPhoto
('http://cdn.picapp.com/ftp/Images/4/a/f/a/NBA_MAY_10_5253.JPG?adImageId=1825421&imageId=4792284')"; return false;"><img src="http://cdn.picapp.com/ftp/Images/4/a/f/a/NBA_MAY_10_5253.JPG?adImageId=1825421&imageId=4792284" width="123" height="82" border=0 /></a>
<a href="javascript:swapPhoto
('http://cdn.picapp.com/ftp/Images/3/e/3/5/NBA_Summer_League_1d14.JPG')"; return false;"><img src="http://cdn.picapp.com/ftp/Images/3/e/3/5/NBA_Summer_League_1d14.JPG" width="123" height="82" border=0 /></a>
<a href="javascript:swapPhoto
('http://cdn.picapp.com/ftp/Images/5/b/b/e/Kansas_State_v_d9d1.jpg?adImageId=1819870&imageId=3772329')"; return false;"><img src="http://cdn.picapp.com/ftp/Images/5/b/b/e/Kansas_State_v_d9d1.jpg?adImageId=1819870&imageId=3772329" width="123" height="82" border=0 /></a></tr></td>
</table>