Gå til innhold

[Løst]Hvordan vise bilder i iframe ved a:hover på tekst?


Anbefalte innlegg

Videoannonse
Annonse

Jeg vil si at iframe absolutt har sine hensikter. Jeg bruker det ofte når jeg syr sammen to systemer som kjører på forskjellige servere. Det er ofte mer hensiktsmessig å løse dette vha. iframe selv om det ikke lar seg indeksere og slikt. Function over form i visse tilfeller, altså.

 

Konkret for å svare på oppgaven:

Kjappt og gæli oppdaterer den iframen med målet til lenken som hovres. Er det ikke satt noe mål blir iframen "nullstilt".

Oppdater koden etter dine ønsker.

<html>
<head>
	<script lang="javascript">
	function updateFrame(src){
		//Sjekker om src er satt, default om ikke.
		document.getElementById('theFrame').src = src?src:'default.html';
		}
	</script>
</head>
<body>
	<!-- Sender med gjeldende anchors href som mål -->
	<a href="bilde1.jpg" onMouseOver="updateFrame(this.href)" onMouseOut="updateFrame()">Hover Me!</a>
	<iframe id="theFrame" src="default.html"/>
</body>
</html>

Lenke til kommentar
Jeg vil si at iframe absolutt har sine hensikter. Jeg bruker det ofte når jeg syr sammen to systemer som kjører på forskjellige servere. Det er ofte mer hensiktsmessig å løse dette vha. iframe selv om det ikke lar seg indeksere og slikt. Function over form i visse tilfeller, altså.

 

Konkret for å svare på oppgaven:

Kjappt og gæli oppdaterer den iframen med målet til lenken som hovres. Er det ikke satt noe mål blir iframen "nullstilt".

Oppdater koden etter dine ønsker.

<html>
<head>
	<script lang="javascript">
	function updateFrame(src){
		//Sjekker om src er satt, default om ikke.
		document.getElementById('theFrame').src = src?src:'default.html';
		}
	</script>
</head>
<body>
	<!-- Sender med gjeldende anchors href som mål -->
	<a href="bilde1.jpg" onMouseOver="updateFrame(this.href)" onMouseOut="updateFrame()">Hover Me!</a>
	<iframe id="theFrame" src="default.html"/>
</body>
</html>

 

Takk, dette hjalp litt vettu =)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...