---

Hej Alle

I har før været rigtig behjælpelige før, og jeg håber i vil
hjælpe igen. Jeg er ingen haj!! - så det er begynderplanet i skal
ind på

Jeg kan godt uploade billeder til min hjemmeside og få dem vist.
Jeg kunne godt tænke mig at få vist en masse små billeder
(thumbnails!! eller??) og når brugeren så trykker på billedet,
bliver det vist i stor størrelse i et nyt vindue.

Hvordan gør jeg det?? I kan evt. se www.hwh.dk/billeder.html

eller på forsiden er der et link (nr 2) som viser hen til
billeder jeg allerede har sat ind.

Jeg vil gerne have samlet div. billeder ind under den side jeg
har oprettet (billeder).

Glæder mig til at høre jeres svar...

Mange hilsner Hanne

--
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

---

Hanne Wittus Hansen skrev:

> Jeg kan godt uploade billeder til min hjemmeside og få dem vist.
> Jeg kunne godt tænke mig at få vist en masse små billeder
> (thumbnails!! eller??) og når brugeren så trykker på billedet,
> bliver det vist i stor størrelse i et nyt vindue.

På engelsk kaldes de "thumbnails". Jeg synes at "frimærker" er en
god betegnelse på dansk.

> Hvordan gør jeg det?? I kan evt. se www.hwh.dk/billeder.html

Et almindeligt link laves sådan:

<a href='minkat.jpg'>Se min kat</a>.

Hvis man erstatter linkteksten med et billede, får man et link af
den slags du gerne vil have:

<a href='minkat.jpg'><img src='minkat_frim' width='150' height='100' alt='katlink'></a>.

Hvis man vil styre farver, baggrund og måske have noget tekst
med, så kan man ikke nøjes med at linke til billedet. Så må man
i stedet lave en lille HTML-side til det store bille hvor det er
sat op som man gerne vil have det, og så skal man bare linke til
den side i stedet for. Hvis den hedder minkat.html, bliver det:

<a href='minkat.html'><img src='minkat_frim' width='150' height='100' alt='katlink'></a>.

Frimærkerne laver man i forvejen med et billedprogram.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Hanne Wittus Hansen skrev:
>
> > Jeg kan godt uploade billeder til min hjemmeside og få dem vist.
> > Jeg kunne godt tænke mig at få vist en masse små billeder
> > (thumbnails!! eller??) og når brugeren så trykker på billedet,
> > bliver det vist i stor størrelse i et nyt vindue.
>
> På engelsk kaldes de "thumbnails". Jeg synes at "frimærker" er en
> god betegnelse på dansk.
>
> > Hvordan gør jeg det?? I kan evt. se www.hwh.dk/billeder.html
>
> Et almindeligt link laves sådan:
>
> <a href='minkat.jpg'>Se min kat</a>.
>
> Hvis man erstatter linkteksten med et billede, får man et link af
> den slags du gerne vil have:
>
> <a href='minkat.jpg'><img src='minkat_frim' width='150' height='100' alt='katlink'></a>.


Jeg har lige prøvet at sætte dette link ind og erstatte med mit eget billede, og der kommer
en firkant med rød ramme, og når jeg klikker på det kommer billedet ganske rigtigt frem. Så
vidt, så godt. Men jeg vil gerne have at det åbner i eget vindue.

Hvordan gør man det?



>
> Hvis man vil styre farver, baggrund og måske have noget tekst
> med, så kan man ikke nøjes med at linke til billedet. Så må man
> i stedet lave en lille HTML-side til det store bille hvor det er
> sat op som man gerne vil have det, og så skal man bare linke til
> den side i stedet for. Hvis den hedder minkat.html, bliver det:
>
> <a href='minkat.html'><img src='minkat_frim' width='150' height='100' alt='katlink'></a>.

Jeg kan altså ikke lige gennemskue hvad dette link gør, som er anderledes end det andet.
For mig er de ens og jeg har lige checket dem. HJÆÆÆLP!!


>
> Frimærkerne laver man i forvejen med et billedprogram.

Jeg har gratisprogrammet Photofilter. Jeg må undersøge om jeg kan lave disse frimærker her.

Mange hilsner Hanne
>
> --
> Bertel
> http://bertel.lundhansen.dk/      http://fiduso.dk/


--
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

---

Hanne Wittus Hansen skrev:

>> Hvis man erstatter linkteksten med et billede, får man et link af
>> den slags du gerne vil have:

>> <a href='minkat.jpg'><img src='minkat_frim' width='150' height='100' alt='katlink'></a>.

I mit eksempel gik jeg ud fra at du havde et frimærke der hed
minkat_frim.jpg (idet jeg dog glemte .jpg). Lav et frimærke
(eller bare brug et andet billede mens du eksperimenterer), og
sæt navnet på det ind ved src='...'. Så er det det der fungerer
som link.

Den røde ramme viser bare at browseren ikke kunne finde billedet.

> Men jeg vil gerne have at det åbner i eget vindue.
> Hvordan gør man det?

Det gør man ved at sætte en doctype der tillader en bestemt
parameter og så sætte den parameter sammen med linket, men jeg
vil fraråde dig at gøre det fordi du derved tvinger brugeren til
at få en ny side, og hvem ved om man vil det? Desuden kan
brugeren selv ved et almindeligt link bestemme om det skal åbne i
det eksisterende vindue eller i et nyt.

>> <a href='minkat.html'><img src='minkat_frim' width='150' height='100' alt='katlink'></a>.

> Jeg kan altså ikke lige gennemskue hvad dette link gør, som er
> anderledes end det andet. For mig er de ens og jeg har lige
> checket dem. HJÆÆÆLP!!

I det første eksempel linkede jeg direkte til billedet med
href='minkat.jpg'. I det sidste linker jeg til en HTML-side med
href='minkat.html' (som så selv skal indeholde billedet). Det
sidste er kun nødvendigt hvis der skal være tekst eller anden
pynt sammen med billedet.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

> I mit eksempel gik jeg ud fra at du havde et frimærke der hed
> minkat_frim.jpg (idet jeg dog glemte .jpg). Lav et frimærke
> (eller bare brug et andet billede mens du eksperimenterer), og
> sæt navnet på det ind ved src='...'. Så er det det der fungerer
> som link.


Det har jeg gjort, men der er ikke noget lille billede. Er det fordi jeg ikke har lavet og
uploaded et billede til den størrelse??

> > Men jeg vil gerne have at det åbner i eget vindue.
> > Hvordan gør man det?
>
> Det gør man ved at sætte en doctype der tillader en bestemt
> parameter og så sætte den parameter sammen med linket, men jeg
> vil fraråde dig at gøre det fordi du derved tvinger brugeren til
> at få en ny side, og hvem ved om man vil det? Desuden kan
> brugeren selv ved et almindeligt link bestemme om det skal åbne i
> det eksisterende vindue eller i et nyt.
>

Jeg tager imod din kritik og har læst den flere steder siden jeg spurgte. Det kan jeg godt se.
Jeg har så tilgengæld set hjemmesider med frimærker, hvor billedet i den store størrelse
"poppede op" til højre eller venstre for frimærkerne, når man kører markøren henover
frimærkerne.
Det er smart, synes jeg.

Ved du hvordan man gør det???

Mange hilsner Hanne

--
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

---

Hanne Wittus Hansen skrev:

>> minkat_frim.jpg (idet jeg dog glemte .jpg). Lav et frimærke
>> (eller bare brug et andet billede mens du eksperimenterer), og
>> sæt navnet på det ind ved src='...'. Så er det det der fungerer
>> som link.

> Det har jeg gjort, men der er ikke noget lille billede. Er det fordi jeg ikke har lavet og
> uploaded et billede til den størrelse?

Der skal lægges to billeder ud: et frimærke (eller et almindeligt
billede der skal fungere sådan) og det egentlige billede.
Størrelsen spiller ingen rolle for selve funktionen idet HTML
selv skalerer billedet hvis ikke det har den angivne størrelse.

Har du et link til dine forsøg? Det ville gøre det noget lettere
at hjælpe.

> Jeg har så tilgengæld set hjemmesider med frimærker, hvor
> billedet i den store størrelse "poppede op" til højre eller
> venstre for frimærkerne, når man kører markøren henover
> frimærkerne. Det er smart, synes jeg.

> Ved du hvordan man gør det?

Nej, ikke umiddelbart.

Jeg ved ikke om du kan finde lige netop den løsning der, men
under alle omstændigheder er de følgende tre links rigtig gode
idet de henviser til hjemmesider der er beregnet på at hjælpe
både begyndere og viderekomne med hjemmesider:

http://www.hjemmesideskolen.dk/default.asp
http://www.html-faq.dk/
http://www.webdesign101.dk/

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> Hanne Wittus Hansen skrev:
>
> Der skal lægges to billeder ud: et frimærke (eller et almindeligt
> billede der skal fungere sådan) og det egentlige billede.
> Størrelsen spiller ingen rolle for selve funktionen idet HTML
> selv skalerer billedet hvis ikke det har den angivne størrelse.
>
> Har du et link til dine forsøg? Det ville gøre det noget lettere
> at hjælpe.

Jeps.. http://www.hwh.dk/billeder.html

Der har jeg forsøgt at lave det du siger...



>
> Nej, ikke umiddelbart.


Tak, alligevel.
>
> Jeg ved ikke om du kan finde lige netop den løsning der, men
> under alle omstændigheder er de følgende tre links rigtig gode
> idet de henviser til hjemmesider der er beregnet på at hjælpe
> både begyndere og viderekomne med hjemmesider:
>
> http://www.hjemmesideskolen.dk/default.asp
> http://www.html-faq.dk/
> http://www.webdesign101.dk/

Tak - jeg prøver .. . det er sørme ikke enkelt!!

Jeg har iøvrigt også fundet noget med SUBMIT herunder html.dk... det har jeg prøvet på denne
side
http://www.hwh.dk/b_proeve.html.

JEg vil nu gå ind og prøve at lægge flere små billeder ind, og se hvad der sker. Ved godt
billedet ikke henviser til det samme billede i stort, men det var for at se hvad koderne
gjorde.

Mange hilsner Hanne
>
> --
> Bertel
> http://bertel.lundhansen.dk/      http://fiduso.dk/


--
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

---

Hanne Wittus Hansen skrev:

> Jeps.. http://www.hwh.dk/billeder.html
>
> Der har jeg forsøgt at lave det du siger...

Du angiver et billede med navnet 17April_alle3_frim.jpg, men der
er ikke noget billede der hedder sådan. Det er derfor det ikke
kan findes, og så dukker der bare den røde firkant op.

I øvrigt har du lavet noget JavaScript der får siden til at
forsvinde med det vuns og stille om til en helt anden side.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Hanne Wittus Hansen wrote in dk.edb.internet.webdesign.html:
> Bertel Lund Hansen wrote in dk.edb.internet.webdesign.html:
> > Hanne Wittus Hansen skrev:
> >
> > Der skal lægges to billeder ud: et frimærke (eller et almindeligt
> > billede der skal fungere sådan) og det egentlige billede.
> > Størrelsen spiller ingen rolle for selve funktionen idet HTML
> > selv skalerer billedet hvis ikke det har den angivne størrelse.
>
Hej Hanne

Hvis du tænker på noget "mouseover", så prøv at kikke på min side www.jesser.dk, klik f.eks. på
"manipulerede billeder", når du er der, højreklik på et blankt sted på siden, og klik på "vis
kilde".
Måske kan du bruge samme kode.

Håber du får noget ud af det.

Mvh.

Peter
> --
> 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


--
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 Hanne

Jeg burde nok henvise til denne side

http://www.html.dk/tutorials/html/lektion10.asp

den er udgangspunktet for min kode.
>
> Mvh.
>
> Peter
> > --
> > 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


--
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

---

Peter Vesth wrote in dk.edb.internet.webdesign.html:
>
> Hej Hanne
>
> Hvis du tænker på noget "mouseover", så prøv at kikke på min side www.jesser.dk, klik f.eks. på
> "manipulerede billeder", når du er der, højreklik på et blankt sted på siden, og klik på "vis
> kilde".
> Måske kan du bruge samme kode.
>
> Håber du får noget ud af det.

Mange tak. Det var sødt af dig. JEg kikker på det.

Mange hilsner Hanne

>

--
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

---

Bertel Lund Hansen skrev:

> Størrelsen spiller ingen rolle for selve funktionen
> idet HTML selv skalerer billedet hvis ikke det har
> den angivne størrelse.

Puh!

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

---

Den 13-05-07 02.29 skrev Allan Vebel følgende:
> Bertel Lund Hansen skrev:
>
>> Størrelsen spiller ingen rolle for selve funktionen
>> idet HTML selv skalerer billedet hvis ikke det har
>> den angivne størrelse.
>
> Puh!

Undskyld en lille off topic-kommentar.

Nogle gange kan indlæg være ufrivilligt sjove og få en helt anden
betydning end tilsigtet. Min nyhedslæser sammenfolder citater, så jeg
kun ser første linje af et citat. Jeg kunne ikke lade være med at trække
på smilebåndet, da jeg læste Allans lettelse over:
"Størrelsen spiller ingen rolle for selve funktionen"

--
Mvh. Kim Ludvigsen
Lav flotte fotoalbum til hjemmesiden med JAlbum.
http://kimludvigsen.dk

---

"Kim Ludvigsen" skrev i en meddelelse...

> "Størrelsen spiller ingen rolle for selve funktionen"

....Hehe

Men prøv at læse videre, og så tag den med skalering med...

Hvad er det dog for en nyhedsgruppe, jeg er havnet i??

MVH
Rune Jensen

---

Bertel Lund Hansen wrote:

> Størrelsen spiller ingen rolle for selve funktionen idet HTML
> selv skalerer billedet hvis ikke det har den angivne størrelse.

Øh, hvis der ikke er angivet en størrelse på et billede, bliver der da ikke
skaleret noget som helst. Billedet bliver vist i sin faktiske størrelse - på
samme måde som hvis man i html eller css har defineret den faktiske
størrelse.

Eneste forskel er, at hvis man indskriver størrelsen, bliver der gjort plads
til billedet med det samme. Lader man browseren om at detektere størrelsen,
bliver der først gjort plads til billedet, når det er hentet.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk

---

Erik Ginnerskov skrev:

> Øh, hvis der ikke er angivet en størrelse på et billede, bliver der da ikke
> skaleret noget som helst.

Det primære var at Hanne skulle kunne få noget til at virke. Så
kunne hun bagefter sørge for at lave de rigtige frimærker, sådan
som jeg havde forklaret det.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

"Hanne Wittus Hansen" skrev i en meddelelse...

> Jeg kan godt uploade billeder til min hjemmeside og få dem vist.
> Jeg kunne godt tænke mig at få vist en masse små billeder
> (thumbnails!! eller??) og når brugeren så trykker på billedet,
> bliver det vist i stor størrelse i et nyt vindue.
>
> Hvordan gør jeg det?? I kan evt. se www.hwh.dk/billeder.html

Jeg ved ikke, om det til fulde opfylder formålet, men prøv at kigge på
http://www.fookes.com/ezthumbs/

Jeg mener, det var det program, jeg brugte i begyndelsen, da jeg legede med
billedarkiver. Med lidt snilde burde det kunne integreres i eget design.

MVH
Rune jensen

---

Tak skal i have allesammen for jeres deltagelse, både med kommentarer!! og gode
råd...

Jeg vil afprøve lidt mere af det snarest.

Mange hilsner Hanne

--
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