I'm trying to put a simple javascript image rollover on my login page with code created from Adobe ImageReady and can't get it to work.
When i first inserted the javascript i got some smarty php error, then i saw on a post someone said to enclose the script with {literal}, so I tried that.
No more error, but the rollover doesn't work either and I can't figure out why. The code for the rollover works when it is inserted into a blank html file, so I don't know why it won't work in phprunner.
Here's my code
{literal}
<!-- ImageReady Preload Script (***.psd) -->
<script type="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
imagemap_02_over = newImage("images/imagemap_02-over.gif");
preloadFlag = true;
}
}
// -->
</script>
<!-- End Preload Script -->
{/literal}
and then in the body:
<a href="http://***.com"
onmouseover="changeImages('imagemap_02', 'images/imagemap_02-over.gif'); return true;"
onmouseout="changeImages('imagemap_02', 'images/imagemap_02.gif'); return true;"
onmousedown="changeImages('imagemap_02', 'images/imagemap_02.gif'); return true;"
onmouseup="changeImages('imagemap_02', 'images/imagemap_02-over.gif'); return true;">
<img name="imagemap_02" src="images/imagemap_02.gif" width="115" height="10" border="0" alt="" />
</a>