Avatar billede aloc-dk Nybegynder
09. januar 2004 - 13:26 Der er 21 kommentarer og
2 løsninger

Hjælp til opbygning

Hej eksperter!
Jeg vil gerne have lov til at bede om lidt hjælp til hvordan jeg opbygger dette site på den mest hensigtsmæssige måde.

Du kan starte med at se mockup her: http://www.carlander.dk/isabel

Lig mærke til, at der ved hver underside kommer et nyt billede ude til venstre. Så nu er spørgsmålet: Hvordan gør jeg dette nemmest? Her er en iframe jo nok udelukket, da billedet til venstre så ikke vil skifte.. Så hvordan gør jeg det? Skal jeg bruge almindelige frames (selvom jeg ikke er meget for det..)

Kom med dit bud.. :o)
Avatar billede jakobdo Ekspert
09. januar 2004 - 13:53 #1
Kan du ikke bruge info her fra: http://www.eksperten.dk/spm/186485
Avatar billede aloc-dk Nybegynder
09. januar 2004 - 13:57 #2
jakobdo: Nej egentlig ikke.. Jeg kan ikke rigtigt se hvad den tråd du refererer til har med mit spørgsmål at gøre..?
Avatar billede jakobdo Ekspert
09. januar 2004 - 14:04 #3
Hvis du laver et iframe, der kan du så evt ligge teksten! (de forskellige undersider) Så har du et billede i venstre side, som samtidig swappes med javascript, der kommer info'en ind i billedet)
Billedet... Fik du den! (dårlig fredags humor) :o)
Avatar billede aloc-dk Nybegynder
09. januar 2004 - 14:07 #4
Hehe.. Ja ja, get the "picture"!! LoL, nu stopper jeg.. :o)

Men for at komme tilbage til emnet.. Du siger altså, at et javascript kan sørge for kun at udskifte selve billedet, imens teksten bliver kørt i en iframe?
Avatar billede jakobdo Ekspert
09. januar 2004 - 14:16 #5
Jep!
Sidder og arbejder på lidt kode! Vent lidt! :o)
Avatar billede aloc-dk Nybegynder
09. januar 2004 - 14:21 #6
OK, tusind tak! :o)
Avatar billede jakobdo Ekspert
09. januar 2004 - 14:39 #7
Avatar billede jakobdo Ekspert
09. januar 2004 - 14:40 #8
Bare for at vise funktionen! :o)
Avatar billede jakobdo Ekspert
09. januar 2004 - 14:40 #9
Koden kommer her, skal jo fin pudses... Men det bedste jeg lige kunne finde på!

<html>
<head>
<title>carlander_dk</title>
<link rel="stylesheet" type="text/css" href="style.css" />

<script language="javascript">
var imgs = new Array();
imgs[0] = new Image;
imgs[0].src = '1.jpg';
imgs[1] = new Image;
imgs[1].src = '2.jpg';
imgs[2] = new Image;
imgs[2].src = '3.jpg';
imgs[3] = new Image;
imgs[3].src = '4.jpg';
imgs[4] = new Image;
imgs[4].src = '5.jpg';
imgs[5] = new Image;
imgs[5].src = '6.jpg';
</script>

</head>
<body>
<table class="body">
<tr>
<td class="halv">LOGO</td>
<td class="halv">
    <a href="menu1.html" target="iframe" onclick="swap.src=imgs[0].src">Menu1</a>&nbsp;
    <a href="menu2.html" target="iframe" onclick="swap.src=imgs[1].src">Menu2</a>&nbsp;
    <a href="menu3.html" target="iframe" onclick="swap.src=imgs[2].src">Menu3</a>&nbsp;
    <a href="menu4.html" target="iframe" onclick="swap.src=imgs[3].src">Menu4</a>&nbsp;
    <a href="menu5.html" target="iframe" onclick="swap.src=imgs[4].src">Menu5</a>&nbsp;
    <a href="menu6.html" target="iframe" onclick="swap.src=imgs[5].src">Menu6</a>&nbsp;
</td>
</tr>
<tr>
<td class="halv"><img name="swap" height="300px" src="1.jpg"></td>
<td class="halv"><iframe name="iframe"></iframe></td>
</tr>
</table>
</body>
</html>
Avatar billede aloc-dk Nybegynder
09. januar 2004 - 14:50 #10
Jeg skal på arbejde nu, så jeg har ikke tid til at kigge på det nu. Men det ser rigtigt ud! :o)

Kigger på det senere..
Avatar billede jakobdo Ekspert
09. januar 2004 - 14:58 #11
Selvfølgelig skal der arbejdes på det, så du får billedet rigtige skåret, rigtig størrelse osv... Men jeg håber du kan bruge løsningen!

Det kan måske laves lidt mere fornemt, hvis man laver en funktion, som swapper billedet, men måske det er overkill, det virker jo efter hensigten! (ihf på IE) :o)
Avatar billede Slettet bruger
09. januar 2004 - 20:18 #12
Jeg kan så tilføje at koden også ser ud til at virke ganske efter hensigten på en Mozilla 1.5 på Linux.
Avatar billede jakobdo Ekspert
10. januar 2004 - 00:56 #13
Og har selv testet på Opera, og det ser også ud til at virke! :o)
Avatar billede aloc-dk Nybegynder
10. januar 2004 - 03:31 #14
jakobdo: Jeg tjekkede lige dit link (http://www.damgaard-olsen.dk/carlander/).
Det virker for mig som om den står og loader alle billederne på én gang i baggrunden. Passer det? For det er da ikke særligt hensigtsmæssig.. Den skulle da helst vente med at hente et billede til man gik til den underside billedet var tilknyttet.. :o/
Avatar billede roenving Novice
10. januar 2004 - 03:37 #15
-- hvorfor skulle iframes være udelukket ?-)

-- man kan jo bare skifte iframe-src samtidig med menu-skift ?o]
Avatar billede aloc-dk Nybegynder
10. januar 2004 - 13:14 #16
Nu har jeg implementeret det javascript i denne midlertidige version af sitet.
http://www.carlander.dk/isabel/html/

Men det er det samme som i dit, jakobdo's, eksempel, nemlig at den loader alle billederne i scriptet på én gang. Prøv lige engang at forestille jer hvordan det må være at sidde på at 56k modem og skulle vente på at 6x100kb kommer ned.. Gab! Så er der ikke en linie man kan tilføje javascriptet der gør, at den først loader billederne når der bliver brug for dem, altså når man skifter side?
Avatar billede roenving Novice
10. januar 2004 - 13:17 #17
-- ikke een linje, men du laver det bare om til tekst-strenge i stedet for img-objekter:

<script language="javascript">
var imgs = new Array();
imgs[0] = '1.jpg';
imgs[1] = '2.jpg';
imgs[2] = '3.jpg';
imgs[3] = '4.jpg';
imgs[4] = '5.jpg';
imgs[5] = '6.jpg';
</script>

-- og så dine linjer sådan:

    <a href="menu1.html" target="iframe" onclick="swap.src=imgs[0]">Menu1</a>&nbsp;
Avatar billede aloc-dk Nybegynder
10. januar 2004 - 13:36 #18
roenving, du er en engel!! :oP
Nu virker det sq som jeg havde tænkt mig, det var da rart..

jakobdo og roenving, smid lige et svar hver, så fordeler jeg pointene imellem jer. Endnu engang tak for hjælpen begge to!! :o)
Avatar billede roenving Novice
10. januar 2004 - 13:52 #19
Velbekomme ')
Avatar billede jakobdo Ekspert
11. januar 2004 - 16:24 #20
Svar...
Jeg ville preloade billeder, da det er rarere at arbejde med... Men fair nok! :o)
Dem med 56k skal også være med! (godt jeg har 1024)
Avatar billede aloc-dk Nybegynder
11. januar 2004 - 22:47 #21
jakobdo: Ja du har ret, det er rarere for os på hurtigere forbindelser, men de andre SKAL altså også kunne være med.. Ihvertfald når det er en kundeopgave.. :o)
Avatar billede roenving Novice
11. januar 2004 - 23:57 #22
>>jakobdo

-- preload virker helt anderledes med ie6, end det før har gjort, så hvis du sidder på en nogenlunde hurtig forbindelse, er det simpelthen spild af tid at udføre preload, da browseren alligevel checker om der evt. skulle være opdateringer til billedet ...
Avatar billede jakobdo Ekspert
12. januar 2004 - 14:14 #23
Roenving: Så meget ved jeg heller ikke om det! :o) Så godt ord igen!!

Og Juhuuu, tror det er mine første 30 point her på eksperten! (endelig kunne jeg hjælpe)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester