Of course:
<script type="text/javascript">
function changeImage() {
var data = this.rel.split("|"),
img = document.images[changeImage.img];
img.src = data[1];
img.alt = data[2];
}
changeImage.img = "centreimage";
function unChangeImage() {
var img = document.images[changeImage.img];
img.src = changeImage.defaultSrc;
img.alt = changeImage.defaultAlt;
}
onload = function() {
changeImage.defaultSrc = img.src;
changeImage.defaultAlt = img.alt;
for(var i = 0, a = document.links; i < a.length; ++i) {
if(a[i].rel && a[i].rel.indexOf("swap|") === 0) {
a[i].onmouseover = changeImage;
a[i].onmouseout = unChangeImage;
}
}
};
</script>
</head>
<body>
<ul>
<a href="page1.html" rel="swap|redleaves.png|Red leaves swirling in an autumnal wind">Page One</a>
<a href="page2.html" rel="swap|images/greenleaves.jpg|First green leaves of spring">Page One</a>
</ul>
<p>
<img src="default.png" alt="Some text describing the default image">
</p>Ugh, I've been forced (practically at gunpoint) to use VB6 for a project recently, and it's messed up my coding style terribly. :(