I am trying to implement some rollovers for my site and having serious issues I know you guys can help.
Thanks in advance
the site is
http://motogio.com/xcart/home.php
here is the home.tpl code
Code:
{* $Id: home.tpl,v 1.67.2.6 2004/12/01 15:15:48 mclap Exp $ *}
{if $printable ne ''}
{include file="customer/home_printable.tpl"}
{else}
{config_load file="$skin_config"}
<HTML>
<HEAD>
<TITLE>
{if $config.SEO.page_title_format eq "A"}
{section name=position loop=$location}
{$location[position].0|escape}
{if not %position.last%} :: {/if}
{/section}
{else}
{section name=position loop=$location step=-1}
{$location[position].0|escape}
{if not %position.last%} :: {/if}
{/section}
{/if}
</TITLE>
{literal}
<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) {
motogiostore_header_04_over = newImage("skin1/images/motogiostore-header_04-over.jpg");
motogiostore_header_05_over = newImage("skin1/images/motogiostore-header_05-over.jpg");
motogiostore_header_06_over = newImage("skin1/images/motogiostore-header_06-over.jpg");
motogiostore_header_08_over = newImage("skin1/images/motogiostore-header_08-over.jpg");
motogiostore_header_09_over = newImage("skin1/images/motogiostore-header_09-over.jpg");
motogiostore_header_10_over = newImage("skin1/images/motogiostore-header_10-over.jpg");
preloadFlag = true;
}
}
// -->
</script>
{/literal}
{ include file="meta.tpl" }
<LINK rel="stylesheet" href="{$SkinDir}/{#CSSFile#}">
</HEAD>
<BODY leftmargin="0" topmargin="0" rightmargin="0" bottomargin="0" marginwidth="0" marginheight="0">
{ include file="rectangle_top.tpl" }
{ include file="head.tpl" }
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/header.tpl"}
{/if}
<TABLE border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
<TR>
<TD width="6"></TD>
<TD width="150" valign="top">
{if $categories ne "" and ($active_modules.Fancy_Categories ne "" or $config.General.root_categories eq "Y" or $subcategories ne "")}
{ include file="customer/categories.tpl" }
{/if}
{if $active_modules.Bestsellers ne "" and $config.Modules.bestsellers_menu eq "Y"}
{ include file="modules/Bestsellers/menu_bestsellers.tpl" }
{/if}
{if $active_modules.Manufacturers ne "" and $config.Modules.manufacturers_menu eq "Y"}
{ include file="modules/Manufacturers/menu_manufacturers.tpl" }
{/if}
{include file="customer/special.tpl"}
{ include file="help.tpl" }
[img]{$ImagesDir}/spacer.gif[/img]
</TD>
<TD width="20"></TD>
<TD valign="top">
{include file="location.tpl"}
{include file="dialog_message.tpl"}
{if $active_modules.Special_Offers ne ""}
{include file="modules/Special_Offers/customer/new_offers_message.tpl"}
{/if}
{include file="customer/home_main.tpl"}
</TD>
<TD width="20"></TD>
<TD width="150" valign="top">
{if $active_modules.SnS_connector}
{include file="modules/SnS_connector/button.tpl"}
{/if}
{if $active_modules.Feature_Comparison ne "" && $comparison_products ne ''}
{ include file="modules/Feature_Comparison/product_list.tpl" }
{/if}
{if $active_modules.Users_online ne ""}
{ include file="modules/Users_online/menu_users_online.tpl" }
{/if}
{ include file="customer/menu_cart.tpl" }
{if $login eq "" }
{ include file="auth.tpl" }
{else}
{ include file="authbox.tpl" }
{/if}
{ include file="news.tpl" }
{if $active_modules.Interneka ne ""}
{ include file="modules/Interneka/menu_interneka.tpl" }
{/if}
{ include file="poweredby.tpl" }
[img]{$ImagesDir}/spacer.gif[/img]
</TD>
<TD width="6"></TD>
</TR>
</TABLE>
{ include file="rectangle_bottom.tpl" }
</BODY>
</HTML>
{/if}
Here is the actual header code I have tried it without the literal comments in here and it didnt work either.
thanks again
Code:
{* $Id: head.tpl,v 1.40.2.3 2004/11/19 06:40:15 max Exp $ *}
<TABLE width="100%" border="0" cellpadding="0" cellspacing="0" background="skin1/images/motogiostore-header-bg.jpg">
<TR>
<TD width="40%" background="skin1/images/motogiostore-header-bg.jpg"></TD>
<TD width="800"><table id="Table_01" width="800" height="134" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3">
[img]skin1/images/motogiostore-header_01.jpg[/img]</td>
<td rowspan="3">
[img]skin1/images/motogiostore-header_02.jpg[/img]</td>
<td rowspan="3">
[img]skin1/images/motogiostore-header_03.jpg[/img]</td>
<td colspan="2">
<a href="#"
{literal}
nomouseover="window.status='About Us'; changeImages('motogiostore_header_04', 'skin1/images/motogiostore-header_04-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('motogiostore_header_04', 'skin1/images/motogiostore-header_04.jpg'); return true;"
onmousedown="changeImages('motogiostore_header_04', 'skin1/images/motogiostore-header_04-over.jpg'); return true;"
onmouseup="changeImages('motogiostore_header_04', 'skin1/images/motogiostore-header_04-over.jpg'); return true;">
{/literal}
[img]skin1/images/motogiostore-header_04.jpg[/img]</a></td>
<td colspan="2">
<a href="#"
{literal}
nomouseover="window.status='Forum'; changeImages('motogiostore_header_05', 'skin1/images/motogiostore-header_05-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('motogiostore_header_05', 'skin1/images/motogiostore-header_05.jpg'); return true;"
onmousedown="changeImages('motogiostore_header_05', 'skin1/images/motogiostore-header_05-over.jpg'); return true;"
onmouseup="changeImages('motogiostore_header_05', 'skin1/images/motogiostore-header_05-over.jpg'); return true;">
{/literal}
[img]skin1/images/motogiostore-header_05.jpg[/img]</a></td>
<td>
<a href="#"
{literal}
nomouseover="window.status='Gallery'; changeImages('motogiostore_header_06', 'skin1/images/motogiostore-header_06-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('motogiostore_header_06', 'skin1/images/motogiostore-header_06.jpg'); return true;"
onmousedown="changeImages('motogiostore_header_06', 'skin1/images/motogiostore-header_06-over.jpg'); return true;"
onmouseup="changeImages('motogiostore_header_06', 'skin1/images/motogiostore-header_06-over.jpg'); return true;">
{/literal}
[img]skin1/images/motogiostore-header_06.jpg[/img]</a></td>
</tr>
<tr>
<td colspan="5">
[img]skin1/images/motogiostore-header_07.jpg[/img]</td>
</tr>
<tr>
<td>
<a href="#"
{literal}
nomouseover="window.status='Home'; changeImages('motogiostore_header_08', 'skin1/images/motogiostore-header_08-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('motogiostore_header_08', 'skin1/images/motogiostore-header_08.jpg'); return true;"
onmousedown="changeImages('motogiostore_header_08', 'skin1/images/motogiostore-header_08-over.jpg'); return true;"
onmouseup="changeImages('motogiostore_header_08', 'skin1/images/motogiostore-header_08-over.jpg'); return true;">
{/literal}
[img]skin1/images/motogiostore-header_08.jpg[/img]</a></td>
<td colspan="2">
<a href="#"
{literal}
nomouseover="window.status='View Cart'; changeImages('motogiostore_header_09', 'skin1/images/motogiostore-header_09-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('motogiostore_header_09', 'skin1/images/motogiostore-header_09.jpg'); return true;"
onmousedown="changeImages('motogiostore_header_09', 'skin1/images/motogiostore-header_09-over.jpg'); return true;"
onmouseup="changeImages('motogiostore_header_09', 'skin1/images/motogiostore-header_09-over.jpg'); return true;">
{/literal}
[img]skin1/images/motogiostore-header_09.jpg[/img]</a></td>
<td colspan="2">
<a href="#"
{literal}
nomouseover="window.status='About Us'; changeImages('motogiostore_header_10', 'skin1/images/motogiostore-header_10-over.jpg'); return true;"
onmouseout="window.status=''; changeImages('motogiostore_header_10', 'skin1/images/motogiostore-header_10.jpg'); return true;"
onmousedown="changeImages('motogiostore_header_10', 'skin1/images/motogiostore-header_10-over.jpg'); return true;"
onmouseup="changeImages('motogiostore_header_10', 'skin1/images/motogiostore-header_10-over.jpg'); return true;">
{/literal}
[img]skin1/images/motogiostore-header_10.jpg[/img]</a></td>
</tr>
<tr>
<td>
[img]skin1/images/spacer.gif[/img]</td>
<td>
[img]skin1/images/spacer.gif[/img]</td>
<td>
[img]skin1/images/spacer.gif[/img]</td>
<td>
[img]skin1/images/spacer.gif[/img]</td>
<td>
[img]skin1/images/spacer.gif[/img]</td>
<td>
[img]skin1/images/spacer.gif[/img]</td>
<td>
[img]skin1/images/spacer.gif[/img]</td>
<td>
[img]skin1/images/spacer.gif[/img]</td>
</tr>
</table></TD>
<TD width="100%" background="skin1/images/motogiostore-header-bg-righ.jpg" bgcolor="#FFFFFF"></TD>
</TR>
</TABLE>
<TABLE border="0" cellpadding="0" cellspacing="0" width="100%">
<TR>
<TD colspan="2" class="VertMenuBorder">[img]{$ImagesDir}/spacer.gif[/img]</TD>
</TR>
<TR>
<TD class="HeadLine" height="22">
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</TD>
<TD class="HeadLine" align="right">
{if ($usertype eq "C" || $usertype eq "B")and $all_languages_cnt gt 1}
<TABLE border="0" cellpadding="0" cellspacing="0">
<FORM action="home.php" method="GET" name="sl_form">
<INPUT type="hidden" name="redirect" value="{$smarty.server.PHP_SELF}?{$smarty.server.QUERY_STRING}">
<TR>
<TD>
{$lng.lbl_select_language}:
<SELECT name="sl" onChange="javascript: document.sl_form.submit()">
{section name=ai loop=$all_languages}
<OPTION value="{$all_languages[ai].code}"{if $store_language eq $all_languages[ai].code} selected{/if}>{$all_languages[ai].language}</OPTION>
{/section}
</SELECT>
</TD></TR>
</FORM>
</TABLE>
{else}
{/if}
</TD>
</TR>
<TR>
<TD colspan="2" class="VertMenuBorder">[img]{$ImagesDir}/spacer.gif[/img]</TD>
</TR>
{******** Remove this line to display how much products there are online ****
<TR>
<TD colspan="2" class="NumberOfArticles" align="right">{insert name="productsonline"} {$lng.lbl_products} {if $config.Appearance.show_in_stock eq "Y"}{$lng.lbl_and} {insert name="itemsonline"} {$lng.lbl_items} {/if}{$lng.lbl_online}</TD>
</TR>
**** Remove this line to display how much products there are online ********}
<TR>
<TD colspan="2" valign="middle" height="32">
<TABLE cellspacing="0" cellpadding="0" border="0" width="100%" height="18">
<TR>
<TD>[img]{$ImagesDir}/spacer.gif[/img]</TD>
{if (($main eq 'catalog' && $cat ne '') || $main eq 'product' || ($main eq 'comparison' && $mode eq 'compare_table') || ($main eq 'choosing' && $smarty.get.mode eq 'choose')) && $config.Appearance.enabled_printable_version eq 'Y'}
<TD width="100%" valign="middle" align="right">{include file="printable.tpl"}</TD>
<TD>[img]{$ImagesDir}/spacer.gif[/img]</TD>
{/if}
</TR>
</TABLE>
</TD>
</TR>
</TABLE>