Gå til innhold

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


Anbefalte innlegg

Videoannonse
Annonse
Skrevet
Det vil nok vere meir hensiktsmessig å ha ein slags lightbox liknande sak i Javascript trur eg. Eit slags tooltip med bilete.

Sjå på denne sida.

 

Nja, ikke akkurat =/ Lightbox og iframe har jo to forskjellige hensikter, selv om de kan brukes litt på kryss og tvers ofte :)

Skrevet

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>

Skrevet
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 =)

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å
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...