mouseover

Status
Niet open voor verdere reacties.
dejobse

dejobse

Gebruiker
Lid geworden
7 jul 2008
Berichten
722
hallo,
ik zit met een probleempje met javascript: ik ben net begonnen met javascript maar ik zou het liever niet doen met js.

mijn probleem is dat hij wel naar de andere afbeelding gaat maar hij gaat niet meer terug...

mijn code:

HTML: 
<HTML> 
<HEAD> 
<TITLE>MUISEOVER</TITLE> 
<SCRIPT language="JavaScript"> 
<!-- 
if (document.images) 
{ 
preload_image = new Image(); 
preload_image.src="../Pictures/pic1.png"; 

preload_image = new Image(); 
preload_image.src="../Pictures/pic2.png"; 

} 
//--> 
</SCRIPT> 
</HEAD> 
<BODY> 
<a href="www.eensite.com" onMouseOver="javascript:document.myimage.src='../Pictures/pic1.png'" 
onMouseOut="javascript:document.myimage.src='../Pictures/pic2.png'"> 
<img border="2"name="myimage" src="../Pictures/pic2.png"></a> 
</BODY> 
</HTML>



maar kan dit niet in een niet java script? of als het kan met 1 afbeelding die geleidelijk aan groter word (vloeiend) of een glower rond ofzo?

av thx
 
Laatst bewerkt:
Ik zou dit veranderen:
HTML: 
<a href="www.eensite.com" onMouseOver="javascript:document.myimage.src='../Pictures/pic1.png'" 
onMouseOut="javascript:document.myimage.src='../Pictures/40739432_1[1] copy.png'"> 
<img border="2"name="myimage" src="../Pictures/pic2.png"></a>

naar dit:

HTML: 
<img
  src="../Pictures/pic2.png"
  onmouseover="javascript:this.src='../Pictures/pic1.png'"
  onmouseout="javascript:this.src='../Pictures/pic2.png'"
>

Weet je zeker dat dit plaatje bestaat trouwens: "../Pictures/40739432_1[1] copy.png"? Als je plaatje weer terug moet veranderen lijkt mij dat ie terug naar "../Pictures/pic2.png" moet, niet naar "../Pictures/40739432_1[1] copy.png"
 
Laatst bewerkt:
en waar moet dat dan staan :o

sorry maar ik ben echt heel slecht met js
en bedankt voor je snelle reactie^^
 
heb mijn post boven aangepast, nu is het wel duidelijk denk ik?
 
dan zet je er een <a> tag omheen zonder javascript :thumb:
 
ja dat werkt maar nu gaat hij nog niet terug naar de eerste

en is dit echt niet mogelijk in een ander script dan java ?of vloeiend?
 
dejobse zei:
ja dat werkt maar nu gaat hij nog niet terug naar de eerste

en is dit echt niet mogelijk in een ander script dan java ?of vloeiend?
Klik om te vergroten...

Ik ben het echt niet zeker, maar ik DENK dat het kan met css. Maar don't blame me if I'm wrong =)

EDIT: Maar is het probleem met je originele script niet gewoon dat je de bestandsextensie vergeten bent van pic1? (Op lijn 9, "preload_image.src="../Pictures/pic1.PNG";
")
 
Laatst bewerkt:
dat kan maar ik heb daar een code van gezien en dan denk ik toch liever aan de paar regels van js (in css zijn het er 70 voor 1 afbeelding ^^)
 
(Zie mijn vorige bericht, ik heb hem nog wat ge-edit terwijl je er al een reactie op plaatste)
 
nee hoor dat is hier zo want ik had hem wat herschreven op me pc zijn het namelijk andere afbeeldingen
 
Ga je wel met je muis van het plaatje af? :rolleyes: Bij mij werkt het namelijk gewoon
 
Laatst bewerkt:
ik heb in eem map twee plaatjes, arrowup.gif en arrowdown.gif. En dit werkt dan gewoon:
HTML: 
<img
  src="arrowup.gif"
  onmouseover="javascript:this.src='arrowdown.gif'"
  onmouseout="javascript:this.src='arrowup.gif'"
>
 
Hier, ik heb het script wat verandert en het werkt met de volgende bestanden:
hoofddir/pagina.htm
hoofddir/Pictures/pic1.png
hoofddir/Pictures/pic2.png

(Tenminste in Firefox, want IE heb ik niet meer...)

Code: 
<HTML> 
<HEAD> 
<TITLE>MUISEOVER</TITLE> 
<SCRIPT language="JavaScript"> 
<!-- 
if (document.images) 
{ 
preload_image = new Image(); 
preload_image.src="Pictures/pic1.png"; 

preload_image = new Image(); 
preload_image.src="Pictures/pic2.png"; 

} 
//--> 
</SCRIPT> 
</HEAD> 
<BODY> 
<a href="www.eensite.com" onMouseOver="javascript:document.myimage.src='Pictures/pic1.png'" 
onMouseOut="javascript:document.myimage.src='Pictures/pic2.png'"> 
<img border="2" name="myimage" src="Pictures/pic2.png"></a> 
</BODY> 
</HTML>

Wat ik eraan veranderd heb is een paar syntaxfoutjes, zoals spaties tussen je html-tag paramaters, en de extensie.
 
in opera doet hij het niet
ik heb getest in ie en dat werkt ^^

maar dan iets wat ik niet weet: hoe ga je nu meerdere afbeeldingen zo maken dus 5 afbeelding links naast elkaar die als je erover gaat een andere tevoorschijn komt
 
dejobse zei:
in opera doet hij het niet
ik heb getest in ie en dat werkt ^^

maar dan iets wat ik niet weet: hoe ga je nu meerdere afbeeldingen zo maken dus 5 afbeelding links naast elkaar die als je erover gaat een andere tevoorschijn komt
Klik om te vergroten...

Heu... wel, hetzelfde maar dan meerdere keren zeker? Dus 10 afbeeldingen preloaden ipv 2, en je a-tag kopiëren en 4 keer plakken, en de betreffende afbeeldingen vervangen door de overige 8 gepreloadde afbeeldingen etc...
 
dus de java code vanboven niet zoveel keer neerzetten maar gewoon 10 preloads inladen en dan gewoon die html code kopiere en andere afbeeldingen inzetten en andere links,

maar de code van nielsdesmet werkt bij mij niet in firefox maar in firefox krijg ik geen melding van activxblablabla uitvoeren en in ie wel
 
in opera doet hij het ook maar kan iemand testen in fire fox want bij mij doet die het daar niet in :(
 
dejobse zei:
maar de code van nielsdesmet werkt bij mij niet in firefox maar in firefox krijg ik geen melding van activxblablabla uitvoeren en in ie wel
Klik om te vergroten...

Da's normaal, want Firefox doet dat normaal gezien ook niet. Die voert het script gewoon uit.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan