---

Hej jeg vil høre hvordan man evt kan løse en opgave hvor jeg skal
have en boks på en side. I boksen er der et billede nedenunder
boksen med billede er der tal fra 1 til 10.
Ved at trykke på et af tallene skifter billede i boksen alt efter
hvilket tal man trykker på. Jeg skal lave det i html, hvordan gør
jeg det, vil helst ikke lave det som link så skal den vel loade
hele siden hvergang man trykker, så kunne man bruge iframe men
det er vel heller ikke så godt.
Er der en der har et bud på hvordan man kan gøre ?

Mvh

Mikkel

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

mikkel skrev:

> I boksen er der et billede, nedenunder boksen
> med billede er der tal fra 1 til 10.

Noget i den stil?

http://html-faq.dk/testsider/thumb-htmlfaq/test01.asp

--
Allan Vebel
http://html-faq.dk

---

Allan Vebel wrote in dk.edb.internet.webdesign.html:
> mikkel skrev:
>
> > I boksen er der et billede, nedenunder boksen
> > med billede er der tal fra 1 til 10.
>
> Noget i den stil?
>
> http://html-faq.dk/testsider/thumb-htmlfaq/test01.asp
>
> --
> Allan Vebel
> http://html-faq.dk
>
>
Ja lige præcis, men hvordan laver jeg det ?

Mvh.
Mikkel L

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

>> http://html-faq.dk/testsider/thumb-htmlfaq/test01.asp
>>
> Ja lige præcis, men hvordan laver jeg det ?

Tjek Allans kildekode.
Der er lavet én html-side for hvert billede - alle sider med samme række af
links til billederne.

Med noget serversidescripting kan man klare det med én asp- eller php-side,
der henter det valgte billede ind.
Men så ryger vi ned i enten asp- eller php-gruppen.

Lidt kode kan jeg da godt smide her (asp):

<img src="billede<% response.write request.querystring("pic") %>.jpg"
alt="Billede">
<a href="billede.asp?pic=1">1</a>
<a href="billede.asp?pic=2">2</a>
....osv.

Men nu ved vi jo ikke, om du har adgang til asp eller php på dit webhotel.

---

"Philip Nunnegaard" <philip@fjerndettehitsurf.dk> skrev i en meddelelse
news:474b6a6d$0$2101$edfadb0f@dtext02.news.tele.dk...
>>> http://html-faq.dk/testsider/thumb-htmlfaq/test01.asp
>>>
>> Ja lige præcis, men hvordan laver jeg det ?
>
> Tjek Allans kildekode.
> Der er lavet én html-side for hvert billede - alle sider med samme række
> af links til billederne.
>
> Med noget serversidescripting kan man klare det med én asp- eller
> php-side, der henter det valgte billede ind.
> Men så ryger vi ned i enten asp- eller php-gruppen.
>
> Lidt kode kan jeg da godt smide her (asp):
>
> <img src="billede<% response.write request.querystring("pic") %>.jpg"
> alt="Billede">
> <a href="billede.asp?pic=1">1</a>
> <a href="billede.asp?pic=2">2</a>
> ...osv.
>
> Men nu ved vi jo ikke, om du har adgang til asp eller php på dit webhotel.

Jeg havde forståelsen af at det skulle være HTML.
Og der findes vist ikke andre muligheder end Allans.
Det kan så også laves i scripting, clientside, så alting er på samme side,
og det ikke er nødvendigt med et serverbesøg for hvert billede.

Birger

---

Birger skrev:

> Jeg havde forståelsen af at det skulle være HTML.
> Og der findes vist ikke andre muligheder end Allans.
> Det kan så også laves i scripting, clientside, så alting er på
> samme side, og det ikke er nødvendigt med et serverbesøg for
> hvert billede.

Det kan så til gengæld betyde en drastisk forøgelse af loadtiden
for den første side. Hvis man i stedet bruger javascript til at
hente billederne når de skal bruges, slipper man for den forøgede
loadtid, men har så stadig et "serverbesøg" pr. side.

Fordelen er dog at man ved at lade javascript hente billedet, kan
få en mere jævn billedudskiftning fordi resten af siden kan blive
"stående" mens det nye billede hentes.


--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Jens Gyldenkærne Clausen wrote in dk.edb.internet.webdesign.html:
> Birger skrev:
>
> > Jeg havde forståelsen af at det skulle være HTML.
> > Og der findes vist ikke andre muligheder end Allans.
> > Det kan så også laves i scripting, clientside, så alting er på
> > samme side, og det ikke er nødvendigt med et serverbesøg for
> > hvert billede.
>
> Det kan så til gengæld betyde en drastisk forøgelse af loadtiden
> for den første side. Hvis man i stedet bruger javascript til at
> hente billederne når de skal bruges, slipper man for den forøgede
> loadtid, men har så stadig et "serverbesøg" pr. side.
>
> Fordelen er dog at man ved at lade javascript hente billedet, kan
> få en mere jævn billedudskiftning fordi resten af siden kan blive
> "stående" mens det nye billede hentes.
>
>
> --
> Jens Gyldenkærne Clausen
> Svar venligst under det du citerer, og citer kun det der er
> nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
> hvordan på http://usenet.dk/netikette/citatteknik.html

Hej igen , ja meningen var at det skulle laves i html og evt.
javascript, da der ikke er mulighed for asp eller php på serveren.
Oprindeligt ville jeg lave det i flash men synes det bliver for
langsomt.

Mvh.
Mikkel

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

> Hej igen , ja meningen var at det skulle laves i html og evt.
> javascript, da der ikke er mulighed for asp eller php på serveren.
> Oprindeligt ville jeg lave det i flash men synes det bliver for
> langsomt.
>
> Mvh.
> Mikkel
>

Tror du kan finde hvordan på html.dk - hvor du åbenbart skriver... ;>)

Hvordan afhænger så af om du vil preloade billederne, eller blot skifte dem
når der klikkes.

Preload vil betyde at alle billeder hentes når siden åbnes - skift går
hurtigt.
Hvis du ikke preloader, skal hvert billede - naturligvis - hentes før det
vises.
Hvor meget hurtigere det vil gå end at hente hele siden igen, er helt
afhængigt af hvad du ellers har på siden.

Birger

---

Birger skrev:

> Jeg havde forståelsen af at det skulle være HTML.
> Og der findes vist ikke andre muligheder end Allans.
> Det kan så også laves i scripting, clientside, så alting er på samme side,
> og det ikke er nødvendigt med et serverbesøg for hvert billede.
>

Med lidt tilretning kunne denne måske bruges:
http://www.webdesign101.dk/x/pixshow.html

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Jørgen Farum Jensen skrev:

>
> Med lidt tilretning kunne denne måske bruges:
> http://www.webdesign101.dk/x/pixshow.html
>

Det var faktisk ret lige til, se
http://webdesign101.dk/x/pixshow/pixshow2.html

Prøv lige med tab + enter. Samt med JavaScript
slået fra.
Sådan!
--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

"Allan Vebel" <spam@do.not> skrev i en meddelelse
news:474b46d5$0$90272$14726298@news.sunsite.dk...
> mikkel skrev:
>
>> I boksen er der et billede, nedenunder boksen
>> med billede er der tal fra 1 til 10.
>
> Noget i den stil?
>
> http://html-faq.dk/testsider/thumb-htmlfaq/test01.asp
>
Helt sikkert det Mikkel skal bruge. Du glemte bare at fortælle Mikkel at
han skulle højreklikke, og klikke Vis kilde.
Spørger lige lidt dumt, hvad gør den der <br> mellem de sidste div-er?
Mvh Knud

---

"Knud" <manden-i-syd@mand.invalid> skrev i en meddelelse
news:474c5a35$0$2105$edfadb0f@dtext02.news.tele.dk...
>
> "Allan Vebel" <spam@do.not> skrev i en meddelelse
> news:474b46d5$0$90272$14726298@news.sunsite.dk...
>> mikkel skrev:
>>
>>> I boksen er der et billede, nedenunder boksen
>>> med billede er der tal fra 1 til 10.
>>
>> Noget i den stil?
>>
>> http://html-faq.dk/testsider/thumb-htmlfaq/test01.asp
>>
> Helt sikkert det Mikkel skal bruge. Du glemte bare at fortælle Mikkel at
> han skulle højreklikke, og klikke Vis kilde.
> Spørger lige lidt dumt, hvad gør den der <br> mellem de sidste div-er?
> Mvh Knud
>

Jeg syntes vi skal lade Mikkel selv bestemme hvad han skal...
Mikkel kan i øvrigt ikke bruge denne løsning - det er jo asp, som han ikke
har mulighed for.
Men det samme kan gøres i ren HTML - hvor links så blot henviser til
html-side med det ønskede billede.

<br> sørger for afstand mellem links og rammen - kunne være sat som padding
på yderste div (id="indhold").

Jeg ville da egentlig hellere vide, hvorfor der linkes .js filer - så vidt
jeg kan se, findes de ikke, og der bruges vist intet script? ;>)

Birger

---

"Birger" <sdc@bbsorensen.com> skrev :

>Mikkel kan i øvrigt ikke bruge denne løsning - det er jo asp, som han ikke
>har mulighed for.

Der er da ikke brugt noget asp i forslaget.

--
Kerim
»Søger nogen en anden religion end Islam, skal den ikke modtages
af Ham, og han skal i det kommende liv være blandt taberne.«
(Sura 3, vers 87)

---

Kerim Ellentoft wrote in dk.edb.internet.webdesign.html:
> "Birger" <sdc@bbsorensen.com> skrev :
>
> >Mikkel kan i øvrigt ikke bruge denne løsning - det er jo asp, som han ikke
> >har mulighed for.
>
> Der er da ikke brugt noget asp i forslaget.
>
> --
> Kerim
> »Søger nogen en anden religion end Islam, skal den ikke modtages
> af Ham, og han skal i det kommende liv være blandt taberne.«
> (Sura 3, vers 87)

Ja der er da kun java, html og css i forslaget fra Jørgen Farum Jensen hvilket
var lige præcis det jeg søgte, så mange tak til ham og også tak til jer andre.

Mvh.
Mikkel Larsen

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

"Kerim Ellentoft" <kerim@mail.tele.invalid> skrev i en meddelelse
news:umsok3pmcq0qb2cqc61r00mrtri57gt6vd@dtext.news.tele.dk...
> "Birger" <sdc@bbsorensen.com> skrev :
>
>>Mikkel kan i øvrigt ikke bruge denne løsning - det er jo asp, som han ikke
>>har mulighed for.
>
> Der er da ikke brugt noget asp i forslaget.
>
> --
> Kerim
> »Søger nogen en anden religion end Islam, skal den ikke modtages
> af Ham, og han skal i det kommende liv være blandt taberne.«
> (Sura 3, vers 87)


Måske ser Han noget andet end jeg gør - men når jeg beder om kilden, får jeg
altså:

..
..
<div id="billedskift">
<a href="test01.asp">1</a>
<a href="test02.asp">2</a>
<a href="test03.asp">3</a>
..
..

Det opfatter jeg som link til .asp filer.
Eller er der noget jeg har misforstået?

Birger

---

> Måske ser Han noget andet end jeg gør - men når jeg beder om kilden, får
> jeg altså:
> .
> <div id="billedskift">
> <a href="test01.asp">1</a>
> <a href="test02.asp">2</a>
> <a href="test03.asp">3</a>
>
> Det opfatter jeg som link til .asp filer.
> Eller er der noget jeg har misforstået?

Det har han sikkert nok, men nok ikke lige til den del af det, der er
relevant for tråden her.
Lige i dette eksempel tror jeg egentlig ikke, at det havde gjort nogen
forskel, om der bare havde stået
<a href="test01.html">1</a>
<a href="test02.html">2</a>
<a href="test03.html">3</a>

Linksne peger blot på forskellige sider, der indeholder ét billede plus
links til de øvrige billedsider.

At han lige har brugt .asp, kan måske skyldes, at han har inkluderet noget
header eller lignende med SSI?
I så fald kan det også forklare kaldet til de to .js-filer i head-sektionen.

---

Birger skrev:

>>> http://html-faq.dk/testsider/thumb-htmlfaq/test01.asp

> Mikkel kan i øvrigt ikke bruge denne løsning - det
> er jo asp, som han ikke har mulighed for.

Nej, det er ikke asp. Filerne hedder asp til efternavn
fordi jeg har brugt include til at inklidere den samme
header + de samme knapper på alle siderne, men.
selve funktionen er ren html.

Jeg har blot brugt 5 minutter på at lave et hurtigt
eksempel, fremfor at bruge en halv time eller mere.

> Jeg ville da egentlig hellere vide, hvorfor der linkes
> .js filer - så vidt jeg kan se, findes de ikke, og der
> bruges vist intet script? ;>)

Det er den samme header som jeg inkluderer på andre
sider, og js-filerne har ingen praktisk betydning for
funktionaliteten. Derfor har jeg ikke brugt tid på at lave
en speciel header for denne testside.

Udgangspunktet er denne side:
http://html-faq.dk/testsider/thumb-htmlfaq/billede01.asp

--
Allan Vebel
http://html-faq.dk