Hoppa till innehåll

Html Programmering


ELF

Rekommendera inlägg

Jag ska göra en liten sida om ett spel som jag gillar. Ett skolarbete...

Jag har lagt in två IFRAMES på en sida.I den nedre ska man kunna se preview bilder och när man trycker på en så ska dom visas i större storlek i den övre IFRAMEn.

Men jag kan inte komma på hur man ska göra. Jag har testat lite med JavaScript men kan inte få det att funka.

Jag började ju först med att testa i endast HTML, men kom fram till att det inte går. Eller gör det det???

 

TACKSAM FÖR HJÄLP

Länk till kommentar
Dela på andra sajter

har du två stycken iframes på samma sida? Det har jag aldrig sett men det funkar kanske, vem vet.

 

Hur som helst använder du en sån länk som nico skrev, med attributet target. Target kan t.ex. vara "_blank" om du vill att länken ska öppnas i hela vävläsarfönstret eller namnet på en frame. Kom bara ihåg att döpa dina frames med med attributet name. ;)

Länk till kommentar
Dela på andra sajter

Ja jag har provat med den länktaggen. Men jag kanske skrev fel... Kn ju ha gjort det. För jag skrev namnet på IFRAME ramarna.

Eller så kanske det inte går i endast HTML.. Borde ju gå

Men jag får testa lite till...

Länk till kommentar
Dela på andra sajter

Funkar finfint för mig...

 

<iframe src="EnTrevligSida.html" name="NågotTrevligtNamn" width="500" height="500"></iframe>

<a href="EnAnnanTrevligSida.html" target="NågotTrevligtNamn">NågonTrevligLänktext</a>

 

Det ska vara en länk i en IFRAME som länkar till en annan IFRAME...

Men jag fick det att funka i alla fall. Det vara säkert bara något stavfel som jag gjorde <_<

 

Men tyvär så blir bakgrunden vit i IFRAMEN när bilden laddas fast sidan ska vara svart... Min lärare testade lite och kom senare och sa att man måste lägga varje bild i en enskild html sida med svart bakgruns och sedan länka till sidan.

Så nu funkar det fin, fint...

Länk till kommentar
Dela på andra sajter

  • 1 månad senare...

Gör såhär:

 

Index.htm

<html><head></head>
<body>

<p>
<iframe name="[I]StorRuta[/I]" src="storrutastart.html" width="70%" height="40%">
om du ser denna text så stödjer inte din webbläsare Iframes
</iframe>
</p>

<p>
<iframe name="lillrutan" src="[B]SmaBilder.html[/B]" width="70%" height="20%">
Om du ser denna text bla, bla...
</iframe>
</p>

</body>
</html>

 

Sedan: SmaBilder.html

<html><head>
</head>
<body>

<A HREF="bild1.jpg target="[I]StorRuta[/I]"><img src="bild1.jpg" width="bredd" height="höjd" border="0"></a>

<A HREF="bild2.jpg target="[I]StorRuta[/I]"><img src="bild2.jpg" width="bredd" height="höjd" border="0"></a>

<A HREF="bild3.jpg target="[I]StorRuta[/I]"><img src="bild3.jpg" width="bredd" height="höjd" border="0"></a>
</body>
</html>

 

 

Sedan den stora rutan: StorRuta.html

<html><head></head>
<body>

Klicka på en bild i den nedre rutan för att se med större storlek..

</body>
</html>

 

Om ni fattar så kommer det att vara 2 rutor, den stora med stor visninga när man klickar på dom små bilderna i den mindre rutan.. :D

Redigerat av Andersffs
Länk till kommentar
Dela på andra sajter

Gå med i konversationen

Du kan skriva nu och registrera dig senare. Om du har ett konto, logga in nu för att posta med ditt konto.

Gäst
Svara på det här ämnet...

×   Klistrade in som rich text.   Klistra in som vanlig text istället

  Endast 75 emojis är tillåtet.

×   Din länk har automatiskt inbäddats.   Visa som en länk istället

×   Ditt tidigare innehåll har återställts.   Rensa redigeraren

×   Du kan inte klistra in bilder direkt. Ladda upp eller infoga bilder från URL.

×
  • Skapa ny...