Hey gang,
I have a question, Im trying to add an onMouseOver JS to the category menu template so that whenever someone moves a mouse over a category, a different section in the site will light up and show an img of said category.
Here's my problem, Im not THAT good with the engine, and this script:
{section name=cat_num loop=$categories}
<font class=CategoriesList>
{$categories[cat_num].category_name}</font>
{/section}
baffles me.
I know what it does, but I dont know how I can add the mouseover to this, unless I can do it in my JS.
here is my onMouseOver JS so that you might advice me on changing it to fit the php script:
<head section>
<script LANGUAGE="JavaScript" TYPE="text/javascript">
browser = navigator.appName;
if (browser == "Netscape" || (browser == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4 ))
{
if (document.images)
{
pix1 = new Image();
pix1.src ="test1.gif";
pix2 = new Image();
pix2.src ="test2.gif";
pix3 = new Image();
pix3.src ="test3.gif";
pix4 = new Image();
pix4.src ="test4.gif";
pix5 = new Image();
pix5.src ="test5.gif";
pixdefault = new Image();
pixdefault.src ="default.gif";
}
}
// function to change photos
function changePix(i)
{
if (i > "")
{
if (document.images)
{
document['products'].src = eval("pix" + i + ".src");
}
}
else
{
defaultPix();
}
}
function defaultPix()
{
if (document.images)
{
document['products'].src = eval("pixdefault.src");
}
}
// -->
</script>
</head section>
<img section>
test1
</img section>
any assistance will be much appreciated.
Simon
Living Pleasure
x-cart v3.5.9
you can also email me at
webmaster@livingpleasure.com
thanks again for all the help
