hover images preloaden
de site is http://trojaanse-oorlog.be
alvast bedankt!!
Gewijzigd op 07/02/2006 14:38:00 door Bart berden
Je link werkt niet dus....
nu wel sorry ;)
Na dat ik IE weer terug gevonden had op m'n pc heb ik speciaal voor jou die weer afgestoft en opgestart.. toen begon er al wat meer te werken (;
Om te beginnen zou ik met PNG's, GIF's, of JPG's werken, maar zeker geen BMP. Maar dat ff ter zijde..
Je probleem zit um (zo gok ik) volledig in de CSS code.
Stukje uit de code van je menu:
<!-- Dropdowns -->
<div id="dropdown1" style="left: 38px; visibility: hidden; width: 144px; position: absolute; top: 407px; height: 100px">
<table class="popup" onmouseover="clearTimeout(timerID)" onmouseout="timerID=setTimeout('closeall()',1000)" cellspacing="0" cellpadding="2">
<tbody>
<tr>
<td><img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/" class="subheader">Home</a> <img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/products.html" class="subheader">Products</a> <img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/download.html" class="subheader">Downloads</a> <img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/register.html" class="subheader">Register</a> <img src="script_files/arrow.gif" border="0" width="8" height="8">
<a href="http://planmagic.com/update.html" class="subheader">Updates</a></td>
</tr>
</tbody>
</table>
</div>
Daar moet je de juiste vormgeving op toepassen om die menu's weer te geven. Er staat echter zoveel troep in dat ik dat niet voor je ga doen :P
Of beter, met CSS: http://www.alistapart.com/articles/slidingdoors2/, het single image rollover hoofdstuk en http://www.alistapart.com/articles/sprites/.
<!-- Rollover Image Script - Place within <head> tag -->
<script language="JavaScript" type="text/javascript">
<!-- Hide from older browsers
function SwitchImg()
{ //start
var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
store = SwitchImg.arguments[(navigator.appName == 'Netscape')?rem:rem+1];
if ((store.indexOf('document.layers[')==0 && document.layers==null) ||
(store.indexOf('document.all[')==0 && document.all==null))
store = 'document'+store.substring(store.lastIndexOf('.'),store.length);
obj = eval(store);
if (obj != null) {
switcher[keep++] = obj;
switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
obj.src = SwitchImg.arguments[rem+2];
} }
document.Data = switcher;
} //end
function RestoreImg()
{ //start
if (document.Data != null)
for (var rem=0; rem<(document.Data.length-1); rem+=2)
document.Data[rem].src=document.Data[rem+1];
} //end
// end hiding contents -->
dan voor de link dit:
<a href="shows1.html" onMouseOut="RestoreImg()" onMouseOver="SwitchImg('document.sh','document.sh','images-algemeen/button-algemeen.jpg')">
<img src="images-algemeen/button-shows.jpg" name="sh" width="150" height="56" alt="shows " border="0"></a>