Le Javascript que j'utilise est celui présent sur le style Aria
je vais poster les template originel du Style si ca peut vous compétez ma demande
template header
<!-- logo -->
<a name="top" id="top"></a>
<table width="$stylevar[outertablewidth]" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15" style="background-image:url($stylevar[imgdir_misc]/left.gif)"><img src="$stylevar[imgdir_misc]/left.gif" width="15" border="0" alt="" /></td>
<td width="100%">
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" class="aria_header_bg">
<tr>
<td align="$stylevar[left]" valign="top" height="126"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<!-- /logo -->
<td align="$stylevar[right]">
<!--
NEW HEADER & NAVBAR
Now that the nav buttons are in the
navbar template, you can stick whatever
you like into this space.
This makes it much easier for novice
admins to customize their header
template without affecting important
navigation elements.
-->
</td>
</tr>
</table>
<!-- /logo -->
<!-- Aria Fading Buttons -->
<table width="$stylevar[outertablewidth]" border="0" cellspacing="0" cellpadding="0" align="center" style="background:#FFFFFF url($stylevar[imgdir_misc]/nav_buttons_bg.gif);">
<tr>
<!-- Aria Register --><if condition="$show['registerbutton']"><td width="78"><!-- *** Start Register *** --><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="right" style="background:#FFFFFF url($stylevar[imgdir_misc]/header_left.gif);"><img src="$stylevar[imgdir_misc]/header_left.gif" width="18" height="39" alt="" /></td>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/register.gif);"><a href="register.php$session[sessionurl_q]" rel="nofollow"
onmouseover="JSFX.fadeIn('register')"
onmouseout="JSFX.fadeOut('register')"><img
src="$stylevar[imgdir_misc]/register.gif" name="register" width="78" height="39" border="0" class="imgFader" id="register" alt="" /></a></td>
</tr>
</table></td></if><!-- /Aria register -->
<!-- Aria UserCP --><if condition="$show['member']"><td width="78"><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="right" style="background:#FFFFFF url($stylevar[imgdir_misc]/header_left.gif);"><img src="$stylevar[imgdir_misc]/header_left.gif" width="18" height="39" alt="" /></td>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/usercp.gif);"><a href="usercp.php$session[sessionurl_q]"
onmouseover="JSFX.fadeIn('usercp')"
onmouseout="JSFX.fadeOut('usercp')"><img
src="$stylevar[imgdir_misc]/usercp.gif" name="usercp" width="78" height="39" border="0" class="imgFader" id="usercp" alt="" /></a></td>
</tr>
</table></td></if><!-- /Aria UserCp -->
<!-- Aria FAQ --><td width="78"><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/faq.gif);"><a href="faq.php$session[sessionurl_q]" accesskey="5"
onmouseover="JSFX.fadeIn('faq')"
onmouseout="JSFX.fadeOut('faq')"><img
src="$stylevar[imgdir_misc]/faq.gif" name="faq" width="78" height="39" border="0" class="imgFader" id="faq" alt="" /></a></td>
</tr>
</table></td><!-- /Aria FAQ -->
<!-- Aria Members --><td width="78"><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/xmembers.gif);"><a href="memberlist.php$session[sessionurl_q]"
onmouseover="JSFX.fadeIn('members')"
onmouseout="JSFX.fadeOut('members')"><img
src="$stylevar[imgdir_misc]/xmembers.gif" name="members" width="78" height="39" border="0" class="imgFader" id="members" alt="" /></a></td>
</tr>
</table></td><!-- /Aria Members -->
<!-- Aria Calendar --><td width="78"><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/xcalendar.gif);"><a href="calendar.php$session[sessionurl_q]"
onmouseover="JSFX.fadeIn('calendar')"
onmouseout="JSFX.fadeOut('calendar')"><img
src="$stylevar[imgdir_misc]/xcalendar.gif" name="calendar" width="78" height="39" border="0" class="imgFader" id="calendar" alt="" /></a></td>
</tr>
</table></td><!-- /Aria Calendar -->
<if condition="$show['popups']">
<if condition="$show['searchbuttons']">
<!-- Aria New Posts --><if condition="$show['member']"><td width="78"><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/new_posts.gif);"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2"
onmouseover="JSFX.fadeIn('new')"
onmouseout="JSFX.fadeOut('new')"><img
src="$stylevar[imgdir_misc]/new_posts.gif" name="new" width="78" height="39" border="0" class="imgFader" id="new" alt="" /></a></td>
</tr>
</table></td><else /><!-- /Aria New Posts -->
<!-- Aria Daily --><td width="78"><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/daily.gif);"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2"
onmouseover="JSFX.fadeIn('daily')"
onmouseout="JSFX.fadeOut('daily')"><img
src="$stylevar[imgdir_misc]/daily.gif" name="daily" width="78" height="39" border="0" class="imgFader" id="daily" alt="" /></a></td>
</tr>
</table></td></if><!-- /Aria Daily -->
<!-- Aria Search --><td width="78"><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/search.gif);" id="navbar_search"><a href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow"
onmouseover="JSFX.fadeIn('search')"
onmouseout="JSFX.fadeOut('search')"><img
src="$stylevar[imgdir_misc]/search.gif" name="search" width="78" height="39" border="0" class="imgFader" id="search" alt="" /></a><script type="text/javascript"> vbmenu_register("navbar_search", 1); </script></td>
</tr>
</table></td></if><!-- /Aria Search -->
<!-- Aria Quick Links --><if condition="$bbuserinfo['userid']"><td width="78"><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/links.gif);" id="usercptools"><a href="$show[nojs_link]#usercptools"
onmouseover="JSFX.fadeIn('links')"
onmouseout="JSFX.fadeOut('links')"><img
src="$stylevar[imgdir_misc]/links.gif" name="links" width="78" height="39" border="0" class="imgFader" id="links" alt="" /></a><script type="text/javascript"> vbmenu_register("usercptools", 1); </script></td>
</tr>
</table></td></if><!-- /Aria Quick Links --></if>
<!-- Aria Log Out --><if condition="$bbuserinfo['userid']"><td width="78"><table width="78" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background:#FFFFFF url($stylevar[imgdir_misc]/logout.gif);"><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onclick="return log_out()"
onmouseover="JSFX.fadeIn('logout')"
onmouseout="JSFX.fadeOut('logout')"><img
src="$stylevar[imgdir_misc]/logout.gif" name="logout" width="78" height="39" border="0" class="imgFader" id="logout" alt="" /></a></td>
</tr>
</table></td></if><!-- /Aria Log Out -->
<td width="100%" align="right" style="background:#FFFFFF url($stylevar[imgdir_misc]/nav_buttons_bg.gif);"><img src="$stylevar[imgdir_misc]/nav_buttons_bg.gif" width="9" height="39" alt="" /></td>
<td width="100%" align="right" style="background:#FFFFFF url($stylevar[imgdir_misc]/header_right.gif);"><img src="$stylevar[imgdir_misc]/header_right.gif" width="9" height="39" alt="" /></td>
</tr>
</table>
<!-- /Aria Fading Buttons -->
$spacer_open
$_phpinclude_output
Dans ce cas-ci, c'est l'image nav_buttons_bg.gif qui est répété
auquel je veux ajouter ces effets sur toutes les images répétées
templade headinclude
<meta http-equiv="Content-Type" content="text/html; charset=$stylevar[charset]" />
<meta name="generator" content="vBulletin $vboptions[templateversion]" />
<if condition="$show['threadinfo']">
<meta name="keywords" content="$threadinfo[title], $vboptions[keywords]" />
<meta name="description" content="<if condition="$pagenumber>1"><phrase 1="$pagenumber">$vbphrase[page_x]</phrase>-</if>$threadinfo[title] $foruminfo[title_clean]" />
<else />
<if condition="$show['foruminfo']">
<meta name="keywords" content="$foruminfo[title_clean], $vboptions[keywords]" />
<meta name="description" content="<if condition="$pagenumber>1"><phrase 1="$pagenumber">$vbphrase[page_x]</phrase>-</if>$foruminfo[description_clean]" />
<else />
<meta name="keywords" content="$vboptions[keywords]" />
<meta name="description" content="$vboptions[description]" />
</if>
</if>
<!-- CSS Stylesheet -->
$style[css]
<if condition="is_browser('opera') AND !is_browser('opera', '8.0.1')">
<style type="text/css">
ul, ol { padding-left:20px; }
</style>
</if>
<!-- / CSS Stylesheet -->
<script type="text/javascript">
<!--
var SESSIONURL = "$session[sessionurl_js]";
var IMGDIR_MISC = "$stylevar[imgdir_misc]";
// -->
</script>
<script type="text/javascript" src="clientscript/vbulletin_global.js"></script>
<if condition="$show['popups']"><script type="text/javascript" src="clientscript/vbulletin_menu.js"></script></if>
<if condition="$vboptions['externalrss']"><link rel="alternate" type="application/rss+xml" title="$vboptions[bbtitle] RSS Feed" href="external.php?type=RSS" /></if>
<script language="JavaScript" src="$stylevar[imgdir_misc]/rollovers.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
<!--
JSFX.Rollover("header_left", "$stylevar[imgdir_misc]/header_left_over.gif");
JSFX.Rollover("register", "$stylevar[imgdir_misc]/register_over.gif");
JSFX.Rollover("usercp", "$stylevar[imgdir_misc]/usercp_over.gif");
JSFX.Rollover("faq", "$stylevar[imgdir_misc]/faq_over.gif");
JSFX.Rollover("members", "$stylevar[imgdir_misc]/members_over.gif");
JSFX.Rollover("calendar", "$stylevar[imgdir_misc]/calendar_over.gif");
JSFX.Rollover("daily", "$stylevar[imgdir_misc]/daily_over.gif");
JSFX.Rollover("new", "$stylevar[imgdir_misc]/new_posts_over.gif");
JSFX.Rollover("search", "$stylevar[imgdir_misc]/search_over.gif");
JSFX.Rollover("links", "$stylevar[imgdir_misc]/links_over.gif");
JSFX.Rollover("logout", "$stylevar[imgdir_misc]/logout_over.gif");
JSFX.Rollover("nav_buttons_bg", "$stylevar[imgdir_misc]/nav_buttons_bg_over.gif");
JSFX.Rollover("header_right", "$stylevar[imgdir_misc]/header_right_over.gif");
//-->
</script>