login  Naam:   Wachtwoord: 
Registreer je!
 Forum

setFirstChildImgDisplay(this,'block')

Offline GLASSALG - 01/02/2006 15:12
Avatar van GLASSALGNieuw lid Hallo!

Ik wil op mijn site aan de linker kant alle titels hebben van plaatjes.
Aan de rechterkant moet een image verschijnen als je een mouseover doet over een van de titels. bij alle titel mouseovers moet de image verschijnen die bij de titel hoort! Hoe doe ik Dat, kan iemand mij helpen?

Tanx;-)

6 antwoorden

Gesponsorde links
Offline nemesiskoen - 01/02/2006 15:16 (laatste wijziging 01/02/2006 15:26)
Avatar van nemesiskoen Gouden medaille

PHP expert
  1. <script language="javascript">
  2. function verander_image(path, alt) {
  3. var a = alt || 'afbeelding';
  4. document.getElementById("Image_div").innerHTML = '<img src="'+ path +'" alt = "'+ a +'" />';
  5. }
  6. </script>
  7.  
  8. <div onmouseover="verander_image('images/afbeelding1.jpg');">Afbeelding 1</div>
  9. <div onmouseover="verander_image('images/afbeelding2.jpg');">Afbeelding 2</div>
  10. <div onmouseover="verander_image('images/afbeelding3.jpg');">Afbeelding 3</div>
  11. <div onmouseover="verander_image('images/afbeelding4.jpg');">Afbeelding 4</div>
  12.  
  13. <div id="Image_div"></div>


Zoiets zou moeten werken. En dan kan je zelf met afbeeldingen wel verder fixen.
Offline haytjes - 01/02/2006 15:24 (laatste wijziging 01/02/2006 15:29)
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde
  1. <script language="javascript">
  2. verander_image(path,alt)
  3. {
  4. document.images["Image1"].src = path;
  5. document.images["Image1"].setattribute("alt",alt);
  6. document.images["Image1"].setattribute("title",alt); // voor FireFox
  7. }
  8. </script>
  9.  
  10. <div onmouseover="verander_image('images/1.jpg')">Afbeelding1</div>
  11. <div onmouseover="verander_image('images/2.jpg')">Afbeelding2</div>
  12. <div onmouseover="verander_image('images/2.jpg')">Afbeelding2</div>
  13.  
  14. <img name="Image1" />


of dit...
Offline GLASSALG - 01/02/2006 18:25
Avatar van GLASSALG Nieuw lid Oke waar moet de afbeeldingnamen inzetten?

Ik hebhet al hiein gedaan maar het werkt nog nie!!!!!

<div onmouseover=""><a href="pics/bluescreen.JPG">Afbeelding1</a></div>
<div onmouseover=""><a href="pics/paintscreen_300x225.JPG">Afbeelding2</a></div>
<div onmouseover=""><a href="pics/paintscreen_L%20copy.JPG">Afbeelding2</a></div>
:s
Offline haytjes - 01/02/2006 23:37
Avatar van haytjes Gouden medailleGouden medaille

JS gevorderde
bij mij is <img name="Image1" /> de img.
bij nemesiskoen is dat <div id="Image_div"></div>
Offline nemesiskoen - 02/02/2006 09:42
Avatar van nemesiskoen Gouden medaille

PHP expert
Het is _of_ die van haytjes _of_ die van mij... geen combinatie...
Offline GLASSALG - 02/02/2006 09:46
Avatar van GLASSALG Nieuw lid Oke I´ll try...:!:
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s