Lite hjälp med onmouseover

Jag använder följande kod

JavaScript koden

<script type="text/javascript"> function showIt(imgsrc) { document.getElementById('imageshow').src=imgsrc; } </script>

Bilden med onmouseover

<img src="bild.jpg" class="thumbnails" onmouseover="showIt(this.src)">

Där bilden visas

<img id="imageshow" class="photographs">

Men jag vill ha det så att det även ska va så om man håller över en länk så ska en text visas istället för en bild.

Hur gör jag det enklast?

Jag hade gjort:

<script type="text/javascript">
	function showIt(img) {
		document.getElementById('imageshow').src=[b]img.src;
		document.getElementById('imageInfo').innerHTML = img.alt;[/b]
	}
</script>

Bilden:

<img src="bild.jpg" class="thumbnails" onmouseover="showIt([b]this[/b])" [b]alt="lite text om bilden"[/b]>

och en div eller span med id "imageInfo":

<img id="imageshow" class="photographs">
[b]<div id="imageInfo"></div>[/b]

På länkar kan du använda dig av title="" för att lagra texten och använda ungefär samma skript bara byt ut alt mot title på javascriptet(tror jag, otestat).

Om jag använder mig utav

onmouseover="showIt(this)"

Då visas inte bilden men har jag istället

onmouseover="showIt(this.src)"

Så visas bilden

Och imageInfo visas inte oavsett om jag använder this eller this.src

document.getElementById('imageshow').src=img;
skall vara
document.getElementById('imageshow').src=img.src;

Har kopierat koderna rakt av här ifrån wF nu och får det inte att funka!

Missade

function showIt(img)

Jag gjorde en uppdatering, och om det inte fungera, vad får du för javascripts fel? För du måste få ett fel, ge javascripts felmeddelnade.

voigtann1 skrev:

Jag gjorde en uppdatering, och om det inte fungera, vad får du för javascripts fel? För du måste få ett fel, ge javascripts felmeddelnade.

Jag missade en liten kod snutt där ovan som du ser men nu funkar det som det ska.

Men en annan sak.
i diven imageInfo så visas ju ingen text om man inte håller på någon bild.

Men jag tänkte jag skulle göra så här.

<img src="bild.jpg" id="imageshow" class="photographs">

Då visas ju bild.jpg direkt när man kommer in på sidan så ser det inte så tomt ut.
Men kan man på något sätt göra så att det står något i imageInfo ifrån början sen försvinner det när man håller över en annan bild om du förstår hur jag menar?

Det är ju bara att lägga in vilken text du vill in mellan diven

Så enkelt! :)

Tackar så hemskt mycket för hjälpen!