login  Naam:   Wachtwoord: 
Registreer je!
 Forum

onmouseover link geeft elder plaatje

Offline Warbringer - 20/09/2007 09:56
Avatar van WarbringerOnbekend Hey allemaal.
Heb een link als ik met mijn muis erover heen ga zou ik graag willen dat er in een layer elders op de pagina het desbetreffende plaatje verschijnt.

Kan iemand mij vertellen hoe ik dit moet fixen?

Groetjes

4 antwoorden

Gesponsorde links
Offline marten - 20/09/2007 10:24
Avatar van marten Beheerder
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="image">&nbsp;</div>
  2. <div id="blok">
  3.      <img src="plaatje.jpg" onlick="javascript:document.getElementById('image').innerHTML='hier tekst of een plaatje'">
  4. </div>
Offline Warbringer - 20/09/2007 11:47
Avatar van Warbringer Onbekend Volgensmijn niet wat ik bedoel.
Ik heb het volgende:

http://img527.i...oosmg1.jpg

Links zie je diverse links.
Als je met de muis OVER de link heen gaat
verschijnt er een plaatje welke je in het rechter vakje
te zien krijgt (layer).

Dus het zou dan moeten zijn:

<a href="www.link.nl" onmouseover"">mijn site</a>

In die onmouseover moet ik dus iets hebben wat ervoor zorgt
dat in die layer (met id naam 'picture') het d.b. plaatje verschijnt
Offline Rens - 20/09/2007 12:14
Avatar van Rens Gouden medaille

Crew algemeen		 Dan pak je een divje met text er in en daar die onmouseover op?
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="image">&nbsp;</div>
  2. <div id="blok" onmouseover="javascript:document.getElementById('image').innerHTML='hier tekst of een plaatje'">text 1</div>
  3. <div id="blok" onmouseover="javascript:document.getElementById('image').innerHTML='hier tekst of een plaatje'">text 2</div>
  4. <div id="blok" onmouseover="javascript:document.getElementById('image').innerHTML='hier tekst of een plaatje'">text 3</div>
  5. <div id="blok" onmouseover="javascript:document.getElementById('image').innerHTML='hier tekst of een plaatje'">text 4</div>
Offline JanW - 20/09/2007 14:33 (laatste wijziging 20/09/2007 14:43)
Avatar van JanW Nieuw lid Ik heb precies wat jij bedoelt in mijn site in gebruik

Zal als je ff geduld hebt het één en ander van code wat je nodig hebt eruit knippen.
en hier ff plaatsen.

EDIT

hier het javascript

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.  
  3.  
  4. 			beeld0 = new Image();
  5. 			beeld0.src = "plaatje1.png";
  6.  
  7. 			beeld1 = new Image();
  8. 			beeld1.src = "plaatje2.png";
  9.  
  10. 			beeld2 = new Image();
  11. 			beeld2.src = "plaatje3.png";
  12.  
  13. 			beeld3 = new Image();
  14. 			beeld3.src = "plaatje4.png";
  15.  
  16. 			beeld4 = new Image();
  17. 			beeld4.src = "plaatje5.png";
  18.  
  19. 			beeld5 = new Image();
  20. 			beeld5.src = "plaatje6.png";
  21.  
  22. 			beeld6 = new Image();
  23. 			beeld6.src = "plaatje7.png";
  24.  
  25. 			function beeldwissel(a,b) {
  26. 				document.images[a].src = eval(b + ".src");
  27. 			}
  28.  
  29. 		</script>


Vervolgens zet je bv in een DIV het standaard plaatje
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div class="leftheader"><img src="plaatje1.png" alt="" class="picturechange" name="beeldvenster" /></div>


Vervolgens zet je een extra functie bij een link waarbij bij onmouseover het plaatje moet wijzigen
Ziet er bv als volgt uit.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <a href="index.php?pagina=2" onmouseover="beeldwissel('beeldvenster','beeld3')" onmouseout="beeldwissel('beeldvenster','beeld0')">Wie ben ik?</a>


Succes ermee

JanW
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s