webForumDet fria alternativet

Lite hjälp med onmouseover

JavaScriptur Javascript

9 svar · 615 visningar · startad av Akerlundh

Medlem sedan maj 20031 682 inlägg
Frågan#1

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?

Medlem sedan juni 20019 519 inlägg
#2

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).

Medlem sedan maj 20031 682 inlägg
#3

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

Medlem sedan juni 20019 519 inlägg
#4

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

Medlem sedan maj 20031 682 inlägg
#5

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

Medlem sedan maj 20031 682 inlägg
#6

Missade

function showIt(img)
Medlem sedan juni 20019 519 inlägg
#7

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.

Medlem sedan maj 20031 682 inlägg
#8

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?

Medlem sedan juni 20019 519 inlägg
#9

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

Medlem sedan maj 20031 682 inlägg
#10

Så enkelt! :)

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

130 ms totalt · 3 externa anrop · v20260731065814-full.25f56b17
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)