Simpel brug af onMouseover og new Image?

Du kan gøre sådan her:
onmouseover="this.firstChild.setAttribute('src','<?php echo $image2 ?>')"

På den måde går den ind i <a>'ens første "barn" (<img>-tag'et) og sætter src til $image2.

Og ja, du kan bruge PHP i javascript som du gør nu. Men husk, at php'en kun genererer HTML/CSS/JavaScript ved sidens indlæsning.

Jamen det virker jo umiddelbart som jeg gerne vil.

Vil det sige at man også kan have en second child? og at man også kan ændre på alle andre attributter i de forskellige tags. eks. siger 'border', '3px'?

Har du evt. et godt link til hvor man kan læse mere om den slags? eller måske en god gammeldavs bog?
For man kan jo lave rigtig mange sjove ting på denne måde kan jeg forestille mig. Vil du sige det er bedst at lave en funktion som jeg har set andre steder, eller det her forslag som jeg efterlyste og du så har hjulpet med?

En funktion ville nok være bedst at lave.

Har ikke umiddelbart nogle gode links. Eller jo, mit bedste link er http://www.w3.org/TR/DOM-Level-3-Core/ , men det er meget svært at finde rundt i for de fleste, indtil man har "træningen" i det. Det kaldes DOM (Document Object Model), og i det arbejder man bl.a. med "forældre", "børn" og "søskende".

Du kan hente stort set alle attributter på den måde, dog med et par undtagelser. Hvis du bruger style="border:3px" kan du kun hente border med .style.border altså uden getAttribute("border"), men hvis du bruger border="3px" kan du sagtens bruge getAttribute("border"). Derudover er der en bug ved tekstfelters value, som gør, at hvis du henter getAttribute("value"), så vises kun den value, der var ved load af siden, og altså ikke det som brugeren siden har indtastet. Der skal du bruge .value i stedet. Og sidst skal du - for at få Internet Explorer til at samarbejde - bruge getAttribute("className") frem for getAttribute("class"), da de af en eller anden grund syntes, at det var federe.

Du kan bare spørge mig her, hvis du har spørgsmål ang. JavaScript DOM.

F.eks. kan du arbejde med børn sådan her:

this.childNodes[0]
this.childNodes[1]
this.childNodes[2]
osv.

eller:
this.firstChild
this.firstChild.nextSibling
this.firstChild.nextSibling.nextSibling
this.lastChild.previousSibling

Funktionen ku' være:

<script type="text/javascript">
function ChangeImg(obj,img){
  obj.firstChild.setAttribute("src",img)
}
</script>

og så kalder du funktionen med:
onmouseover="ChangeImg(this,'<?php echo $image2; ?>')"

Ok, tusind tak for hjælpen. Jeg må ind og kigge på DOM.
Fedt med din forklaring, tak! :-)
Sender du egentlig et svar?

Jo, det kan jeg da godt. =)

Tak!

Og tak for point!