[Javascript] Img-mouseover met behoud van src

[Verwijderd]

ik heb het volgende javascript gemaakt:

JavaScript:

<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var origimg;

function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            if (oldonload) {
                oldonload();
            }
            func();
        }
    }
}
addLoadEvent(function() {
    var origDivMain = document.getElementById('swap_big');
    origimg = origDivMain.getElementsByTagName('IMG')[0];
} )

function x(){
  document.getElementById('menu1').onmouseover = swapimage;  
}

function y(){
  
  var origDivMain = document.getElementById('swap_big');
  var origImgMain = origDivMain2.getElementsByTagName('IMG')[0];
  //origImgMain2.src = 'images/plaatje_big.jpg';
  origImgMain.src = origimg.src;
}

function swapimage(e) {
      var srcDiv = null;
      if( e )
        srcDiv = e.target;
      else
        srcDiv = this;
    
    var srcImg = null
    if( srcDiv.tagName != "IMG" )   
        srcImg = srcDiv.getElementsByTagName('IMG')[0];
    else
      srcImg = srcDiv;
    
      var divMain = document.getElementById('swap_big');
      var imgMain = divMain.getElementsByTagName('IMG')[0];
    
      imgMain.src = srcImg.src;
    
} 
// -->
</script>

met bijbehorende html:

HTML:

<div id="menu1" width="50" height="20" onmouseover="x();" onmouseout="y();"><a href="#"><img border=0 name="menu1" src="images/plaatje.jpg"></a></div>


<div id="swap_big"><img id="swap_big_img" name="swap_big_img" src="images/plaatje_big.jpg"></div>

de bedoeling van dit hele script is om met een mouseover de source van de images te swappen, en om daarna bij een mouseout het originele plaatje van div "swap_big" weer te laten zien.

maar ik krijg het niet voor elkaar om de source van "swap_big" op te slaan...iemand een tip??

[Zyppora]

HTML:

<img src="image1.gif" onmouseover="this.src='image2.gif'" onmouseout="this.src='image1.gif'">

Dit misschien?

[André]

Ik heb eerder het idee dat je een script geript hebt en hem niet aan de praat krijgt? Dit is nou niet een simpel voorbeeld van een mouseover-wissel scriptje.

[Verwijderd]

@zyppora: bedankt voor je tip, maar ik ben door een cms gebonden aan restricties, en kan alleen op de div javascript toepassen.

@andre: het addloadevent gedeelte is idd gejat, de rest niet.

misschien kan ik het probleem nog even wat verduidelijken.
die var origimg moet de source van het originele image bevatten. deze wordt dus geset op het moment van laden. alleen wordt deze origimg telkens overschreven als ik met m;n muis over div-menu1 ga.

[ Voor 40% gewijzigd door Verwijderd op 01-02-2007 12:51 ]

[Zyppora]

Zit er erg ver naast als ik denk dat dit gewoon een rollover script is, maar dan met divs ipv. imgs? Je kunt natuurlijk div1 laten zien (met daarin image1), en bij mouseover div2 (met daarin image2) erbovenop zetten.

[Verwijderd]

klopt, zo heb ik het inmiddels ook opgelost.
deze thread mag dicht, tenzij iemand nog dat javascriptje aan de praat krijgt (graag zelfs)