mouseover

Status
Niet open voor verdere reacties.
hmmm....
waarom doet hij het dan niet :(

maar als hij het doet in opera en ie zal het wel goed zijn


en dan het laatste vraagje( wel een beetje dom maar ik ben het vergeten),
nu zie ik een blauwe rand rond de afbeelding, omdat de automatische kleur bleuw is voor een link, maar hoe zorg ik ook al weer dat er geen rand rond komt?
 
Ah, da's niet zo moeilijk, in je IMG-tag zet je gewoon:
Code: 
border="0"

Bv:
Code: 
<A href="http://www.helpmij.nl"><IMG src="MijnAfbeelding.jpg" [b]border="0"[/b]></A>
 
misschien dat new Image() niet ondersteund wordt. De beste preload doe je gewoon zo:

HTML: 
<html> 
<head> 
<title>MUISEOVER</title> 
</head> 
<body>

<!-- Preloads -->
<img src="Pictures/pic1.png" style="display: none" alt="" />
<img src="Pictures/pic2.png" style="display: none" alt="" />
<!-- End Preloads -->

<a href="www.eensite.com"
  onmouseover="javascript:document.getElementById('myimage').src='Pictures/pic1.png'"
  onmouseout="javascript:document.getElementById('myimage').src='Pictures/pic2.png'"
>
  <img border="2" id="myimage" src="Pictures/pic2.png">
</a> 

</body> 
</html>

Hoofdletters in events hoort overigens niet. Ookal is er geen browser die er over klaagt.
 
maar dan de border="0" :D
en ik denken dat javascript moeilijk was :D dit is makkelijk (totdat ik een anderscriptje probeer :D)
 
heh :S ik heb het uitgevoerd maar het werkte toen ik alleen home had gedaan maar nu werkt het niet meer :S

mijn code:

HTML: 
<html lang="nl">
<head>
<title>NoiZeLinerZ!HOME</title>
<SCRIPT language="JavaScript"> 
<!-- 
if (document.images) 
{ 
preload_image = new Image(); 
preload_image.src="plaatjes/home.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/home2.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/who we are.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/who we are2.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/videos.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/videos2.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/muziek.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/muziek2.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/contact.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/contact2.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/forum.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/forum2.png"; 

} 
//--> 
</SCRIPT> 
</head> 

<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
<body background="plaatjes/achtergrond site.jpg" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10">


<table align="center" border="0" cellpadding="0" cellspacing="0" width="800" height="29">
<tbody><tr>
	<td class="headerclair" align="left">
<div align="left">


<div align="center"><a href="index.htm" 
onMouseOver="javascript:document.myimage.src='plaatjes/home2.png'" 
onMouseOut="javascript:document.myimage.src='plaatjes/home.png'"><img border="0" name="myimage" src="plaatjes/home.png"></a>

<a href="who we are.htm" 
onMouseOver="javascript:document.myimage.src='plaatjes/who we are2.png'" 
onMouseOut="javascript:document.myimage.src='plaatjes/who we are.png'"> 
  <img border="0" name="myimage" src="plaatjes/who we are.png"></a>
  
<a href="video's.htm" 
onMouseOver="javascript:document.myimage.src='plaatjes/videos2.png'" 
onMouseOut="javascript:document.myimage.src='plaatjes/videos.png'"> 
  <img border="0" name="myimage" src="plaatjes/videos.png"></a>

<a href="muziek.htm" 
onMouseOver="javascript:document.myimage.src='plaatjes/muziek2.png'" 
onMouseOut="javascript:document.myimage.src='plaatjes/muziek.png'"> 
  <img border="0" name="myimage" src="plaatjes/muziek.png"></a>

<a href="contact.htm" 
onMouseOver="javascript:document.myimage.src='plaatjes/contact2.png'" 
onMouseOut="javascript:document.myimage.src='plaatjes/contact.png'"> 
  <img border="0" name="myimage" src="plaatjes/contact.png"></a>

<a href="http://hectrodudes.s2.bizhat.com/index.php?c=3&mforum=hectrodudes" 
onMouseOver="javascript:document.myimage.src='plaatjes/forum2.png'" 
onMouseOut="javascript:document.myimage.src='plaatjes/forum.png'"> 
  <img border="0" name="myimage" src="plaatjes/forum.png"></a>
</div>
</body>
</html>
 
Laatst bewerkt:
als ik dit er van maak werkt hij weer(maar dit is geen oplossing he!!):

HTML: 
<html lang="nl">
<head>
<title>NoiZeLinerZ!HOME</title>
<SCRIPT language="JavaScript"> 
<!-- 
if (document.images) 
{ 
preload_image = new Image(); 
preload_image.src="plaatjes/home.png"; 

preload_image = new Image(); 
preload_image.src="plaatjes/home2.png"; 

} 
//--> 
</SCRIPT> 
</head> 

<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
<body background="plaatjes/achtergrond site.jpg" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10">


<table align="center" border="0" cellpadding="0" cellspacing="0" width="800" height="29">
<tbody><tr>
	<td class="headerclair" align="left">
<div align="left">


<div align="center"><a href="index.htm" 
onMouseOver="javascript:document.myimage.src='plaatjes/home2.png'" 
onMouseOut="javascript:document.myimage.src='plaatjes/home.png'"><img border="0" name="myimage" src="plaatjes/home.png"></a>


</div>
</body>
</html>
 
Laatst bewerkt:
pfffffffffff, nu heb ik echt alles op google afgezocht, alles geprobeert wat er in me opkwam,en niets werkt, het enige wat werkt is als ik maar 1 afbeelding laat staan(zie bericht hier boven)


please help :(
 
je hebt al je plaatjes dezelfde naam gegeven... geen wonder dat het dan niet werkt. Overigens zou ik geen naam gebruiken, maar id's zoals ik in mijn vorige post liet zien. Daarnaast zou ik de preloads ook doen op de manier die ik liet zien. Ik zou dus eigenlijk doen wat ik zei :P
 
Laatst bewerkt:
ik weet niet waar jij ziet dat ik dezelfde afbeeldingen heb gebruikt :s
 
moet ik dan per mouse over de naam aanpassen of gwoon elke afbeelding (dus videos moet ik veranderen en videos2)

en men preloads staan juist he
 
haha het is me gelukt!!!!
je moetper javascript groepje de naam veranderen
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan