cwang.dk
Forside
 
PRODUKTION
Web/Hjemmesider
 
CWARTY GRAFIK
0. Figur+Farver=Mønster 1. Mønstre 2. Farver 3. Programmering 4. Grafik
 
TURE
2024 Avernakø Havørredfiskeri
 
ARKIV
Julesange 2022 SCOGinstrument (Win) 2021 Glenten MAXI 77 2020 Foto Kerteminde 2013 Renæssancehavn
 
INTERN TEST
Farver TEST Font Sizes TEST Skrifttyper TEST Specialtegn TEST Billeder TEST   > Tekst og billeder TEST Links og koder TEST Ikoner TEST
 
 
  AutoWeb ©cwang.dk
  Script: cwangdk.txt
  CSS: cwangdk-styles.css
  Log: autoweb64-logfile.txt
 
cwang.dk   
Topbanner
14.05.2025 - Billeder TEST
 
Billeder TEST
 
 
 
 
Koder til visning af billeder med omløbende tekst, se: Tekst og billeder TEST
 
 
 
BILLvis=
Ingen billedbredde angivet.
Dynamisk billedbredde, der tilpasses spaltebredden op til billedfilens originale bredde.
 
 BILLvis=test\imgtest01.jpg 
 
 
test\imgtest01.jpg
 
 
 
Billeder filformater:  .jpg   .png   .webp   .bmp   .gif
 
 
 BILLvis=test\imgtest-boat.jpg; width=300px 
 
 
test\imgtest-boat.jpg
 
 
 
 BILLvis=test\imgtest-boat.png; width=300px 
 
 
test\imgtest-boat.png
 
 
 
 BILLvis=test\imgtest-boat.webp; width=300px 
 
 
test\imgtest-boat.webp
 
 
 
 BILLvis=test\imgtest-boat.bmp; width=300px 
 
 
test\imgtest-boat.bmp
 
 
 
 BILLvis=test\imgtest-boat.gif; width=300px 
 
 
test\imgtest-boat.gif
 
 
 
Enheder til billedbredde: px, vw , %
1px = 1 pixel på skærmen (statisk)
1% = 1% af spaltens bredde (dynamisk)
1vw = 1% af browserens bredde (dynamisk)
 
 
BILLvis= ; width= px
Statisk billedbredde angivet i enheden pixels: px
 
 BILLvis=test\imgtest01.jpg; width=400px 
 
 
test\imgtest01.jpg
 
 
 
BILLvis= ; width= %
Dynamisk billedbredde angivet i enheden %, svarende til en procentdel af spaltens bredde.
 
 BILLvis=test\imgtest01.jpg; width=50% 
 
 
test\imgtest01.jpg
 
 
 
BILLvis= ; width= vw
Dynamisk billedbredde angivet i enheden vw, svarende til en procentdel af browserens bredde.
 
 BILLvis=test\imgtest01.jpg; width=50vw 
 
 
test\imgtest01.jpg
 
 
 
BILLvis=
BILLlink= eller LINK= eller URL=
Hvis BILLvis efterfølges af en linje der indeholder et link, så virker klik på billedet til dette link, fx:
 
 BILLvis=test\imgtest01.jpg; width=260px 
 
 
 BILLlink=https://www.dr.dk 
 
 
eller:
 
 BILLvis=test\imgtest01.jpg; width=260px 
 
 
 LINK=https://www.dr.dk 
 
 
eller:
 
 BILLvis=test\imgtest01.jpg; width=260px 
 
 
 URL=https://www.dr.dk 
 
 
 
 
 
BILLserie=
NB! Ikke eksterne online billedfiler - kun lokale billedfiler (online på sitets egen webserver)!
Billed-serie, dvs. billeder med ens nummererede filnavne.
# plads til et, to- og tre-cifrede numre i filnavnene: '1', '2', ... '9', '10', '11', ...'234', ...
## plads til to-cifrede numre i filnavnene: '01', '02', ... '09', '10', '11' ...
### plads til tre-cifrede numre i filnavnene: '001', '002', ... '032', '033', .. '124' ...
Numre gennemløbes fra min til max. (Lokale filer tjekkes, det gør online filer ikke!)
Klik på et billede viser serien i et nyt vindue, ét billede ad gangen - i stor størrelse.
Afhængig af browserens bredde vises billedserien i 1-5 kolonner.
NB! Hvert billede er altid 100% bredde på mobile enheder, og kan ikke åbnes i nyt vindue! (små/smalle skæme)
 
Dette eksempel: ## plads til to-cifrede numre i filnavnene: '01', '02', ... '09', '10', '11' ...
 
imgtest##.jpg
 
imgtest01.jpg
imgtest02.jpg
imgtest03.jpg
. . .
imgtest10.jpg
 
 BILLserie=test\imgtest##.jpg; min=1; max=10 
 
 
imgtest01.jpg open_in_new
imgtest02.jpg open_in_new
imgtest03.jpg open_in_new
imgtest04.jpg open_in_new
imgtest05.jpg open_in_new
imgtest06.jpg open_in_new
imgtest07.jpg open_in_new
imgtest08.jpg open_in_new
imgtest09.jpg open_in_new
imgtest10.jpg open_in_new
 
 
 
Dette eksempel: # plads til et, to- og tre-cifrede numre i filnavnene: '1', '2', ... '9', '10', '11', ...'234', ...
 
NB! ⛔ er et mellemrum/blanktegn i dette eksempel:
 
imgtest⛔(#).jpg
 
imgtest⛔(1).jpg
imgtest⛔(2).jpg
imgtest⛔(3).jpg
. . .
imgtest⛔(24).jpg
imgtest⛔(26).jpg
 
 
 BILLserie=test\imgtest (#).jpg; min=16; max=22 
 
 
imgtest (16).jpg open_in_new
imgtest (17).jpg open_in_new
imgtest (18).jpg open_in_new
imgtest (19).jpg open_in_new
imgtest (20).jpg open_in_new
imgtest (21).jpg open_in_new
imgtest (22).jpg open_in_new
 
 
 
SLIDEserie med udtoning ...
 
 SLIDEserie=test\imgtest##.jpg; min=1; max=10; delay=1500; width=66% 
 
test\imgtest01.jpg
test\imgtest02.jpg
test\imgtest03.jpg
test\imgtest04.jpg
test\imgtest05.jpg
test\imgtest06.jpg
test\imgtest07.jpg
test\imgtest08.jpg
test\imgtest09.jpg
test\imgtest10.jpg
 
 
VIDEOLOOP
 
 <VIDEOLOOPbegin> 
 
 
 100% 
 
 
 test\00003.mp4 
 
 
 test\00003.webm 
 
 
 test\00003.ogv 
 
 
 test\00003-sh.jpg 
 
 
 <VIDEOLOOPend> 
 
 
 
 
Koder til visning af billeder med omløbende tekst, se: Tekst og billeder TEST
 
 
 
14.05.2025 - Billeder TEST
Copyright © by cwang.dk
Dette website gemmer ikke cookies, opsamler ikke data om brugerne, og viser ikke brugertilpassede annoncer !