Notifikationer

Markér alle som læst Log ud

hans01 Nybegynder

31. august 2006 - 08:54 Der er 35 kommentarer og
2 løsninger

Cache billede

Jeg har en række sider med stort set det samme billede. Jeg har dog i photoshop lagt et farvelag over hvert billede, så farven skifter på hver side. Nu er det sådan at billedet bliver opfattet som et nyt billede hver gang. Nu er mit spørgsmål kan man lave den samme løsning på en anden måde så man kan cache billedet.

I kan se hvad jeg mener www.harle-davidson-mc.dk

Synes godt om

hans01 Nybegynder

31. august 2006 - 08:54 #1

linket er www.harly-davidson-mc.dk sorry

Synes godt om

roenving Novice

31. august 2006 - 08:57 #2

Kun hvis du laver det, så det er det samme billede, med en overlejret gennemsigtig sag !-)

Synes godt om

hans01 Nybegynder

31. august 2006 - 09:48 #3

Det er det samme billede grundlæggende, derpå lægger jeg et lag i photoshop, men jeg kan ikke gemme billedet med det samme fil navn. Forøvrigt mener du lag og ikke sag?

Synes godt om

coderdk Praktikant

31. august 2006 - 09:52 #4

Nej, roenvig mener vist at du skal bruge det samme billede, og placere f.eks. en gennemsigtig farvet div eller lignende ovenpå billedet. Det er klart at det er forskellige billeder hvis de har forskellige navne, det kan godt være at indholdet er nogenlunde ens, men det betyder jo intet...

Synes godt om

coderdk Praktikant

31. august 2006 - 09:52 #5

Tror i øvrigt at du mener www.harley-davidson-mc.dk :P

Synes godt om

roenving Novice

31. august 2006 - 10:01 #6

-- det var såmænd med vilje, at jeg skrev sag, for du kan både bruge et lag (en div) eller et andet billede til at overlejre det første billede ..

Synes godt om

hans01 Nybegynder

31. august 2006 - 10:02 #7

Jeg kører lige på, vender tilbage senere, jeg går nok efter en flydende div

Synes godt om

thesurfer Nybegynder

31. august 2006 - 10:03 #8

Man kunne jo vel også bare cache alle billederne..

Man skal så tage hensyn til dem med 56K modems.. måske med et "hvis (load-af-billede-hastighed > forudbestemt-hastighed) cache_billeder"-script :-)

Synes godt om

mclemens Nybegynder

31. august 2006 - 10:03 #9

Eksempel:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>

<div style="background:url('http://www.harley-davidson-mc.dk/images/front_pic.jpg');width:553px;height:305px;"></div>

<div style="background:url('http://www.harley-davidson-mc.dk/images/front_pic.jpg');width:553px;height:305px;"><div style="width:553px;height:305px;background:#ff0000;filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25;"></div></div>

<div style="background:url('http://www.harley-davidson-mc.dk/images/front_pic.jpg');width:553px;height:305px;"><div style="width:553px;height:305px;background:#ffff00;filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25;"></div></div>

<div style="background:url('http://www.harley-davidson-mc.dk/images/front_pic.jpg');width:553px;height:305px;"><div style="width:553px;height:305px;background:#ff00ff;filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25;"></div></div>

<div style="background:url('http://www.harley-davidson-mc.dk/images/front_pic.jpg');width:553px;height:305px;"><div style="width:553px;height:305px;background:#0000ff;filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25;"></div></div>

<div style="background:url('http://www.harley-davidson-mc.dk/images/front_pic.jpg');width:553px;height:305px;"><div style="width:553px;height:305px;background:#55aaff;filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25;"></div></div>

</body></html>

Synes godt om

mclemens Nybegynder

31. august 2006 - 10:05 #10

(ligesom Rønving skrev)

Synes godt om

thesurfer Nybegynder

31. august 2006 - 10:05 #11

mclemens> Nice.. og så kan man ikke nakke billede direkte med rightclick.. :-)

Synes godt om

mclemens Nybegynder

31. august 2006 - 10:11 #12

lidt mere overskuelig :/

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.imgfsrc{background:url('http://www.harley-davidson-mc.dk/images/front_pic.jpg');}
.filt{filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25;}
.imgfsrc,.filt{width:553px;height:305px;}
</style>
</head><body>

<div class="imgfsrc"></div>

<div class="imgfsrc"><div class="filt" style="background:#ff0000;"></div></div>

<div class="imgfsrc"><div class="filt" style="background:#ffff00;"></div></div>

<div class="imgfsrc"><div class="filt" style="background:#ff00ff;"></div></div>

<div class="imgfsrc"><div class="filt" style="background:#0000ff;"></div></div>

<div class="imgfsrc"><div class="filt" style="background:#55aaff;"></div></div>

</body></html>

Synes godt om

mclemens Nybegynder

31. august 2006 - 10:12 #13

ups...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
.imgfsrc{background:url('http://www.harley-davidson-mc.dk/images/front_pic.jpg');}
.imgfsrc div{filter:alpha(opacity=25);-moz-opacity:0.25;-khtml-opacity:0.25;opacity:0.25;}
.imgfsrc,.imgfsrc div{width:553px;height:305px;}
</style>
</head><body>

<div class="imgfsrc"></div>

<div class="imgfsrc"><div style="background:#ff0000;"></div></div>

<div class="imgfsrc"><div style="background:#ffff00;"></div></div>

<div class="imgfsrc"><div style="background:#ff00ff;"></div></div>

<div class="imgfsrc"><div style="background:#0000ff;"></div></div>

<div class="imgfsrc"><div style="background:#55aaff;"></div></div>

</body></html>

Synes godt om

hans01 Nybegynder

31. august 2006 - 10:30 #14

mclemens, dit forslag vil jeg nok prøve, holder det vand så er den bedste løsning, jeg rammer lige keyboarded.

Synes godt om

mclemens Nybegynder

31. august 2006 - 10:35 #15

[ holder det vand så er den bedste løsning, ]

Jep, men det må være Rønvings point så ...

[ Kun hvis du laver det, så det er det samme billede, med en overlejret gennemsigtig sag !-) ]

Synes godt om

mclemens Nybegynder

31. august 2006 - 10:36 #16

(det kan godt være at width og height i css'en lige skal have en justering)

Synes godt om

hans01 Nybegynder

31. august 2006 - 10:41 #17

mclemens, skal der ikke være z-index på, ellers placerer billede og lag sig ikke som de skal?

Synes godt om

roenving Novice

31. august 2006 - 10:44 #18

Det er normalt ikke nødvendigt, da kode-følgen vil blive respekteret !-)

Synes godt om

hans01 Nybegynder

31. august 2006 - 10:50 #19

Jeps det var height og width der skulle justeres, men jeg kan ikke få opaciteten til at virke, jeg anvender et eksternt stylesheet.

Synes godt om

mclemens Nybegynder

31. august 2006 - 11:15 #20

Intern / ekstern er ingen forskel - så længe du sætter class'en og nester div'en som vist i 31/08-2006 10:12:34 ... har du evt. et link til hvor du tester ? (kan ikke se nogen ændring på din side)

Synes godt om

hans01 Nybegynder

31. august 2006 - 11:44 #21

Jeg oploader ikke, men tester lokalt, jeg har fået det til at virke, (min ISDN forbindelse er ikke det hurtigste dyr, så derfor er der langt tid imellem mine kommentarer) sorry. jeg skulle bare lige åbne siden i browseren. Jeg takker mange gange for de hurtige svar, og løsningen sparker r.. mht. point så må det vel være roenving som kom på svaret, men mclement der kom med detaljerne, smid lige svar så jeg kan droppe point.

Synes godt om

mclemens Nybegynder

31. august 2006 - 11:58 #22

Ok, her er det ene :)

Synes godt om

hans01 Nybegynder

01. september 2006 - 06:57 #23

Hej Roenving kan jeg ikke bede dig smide et svar.. lige et tillægsspørgsmål på falderebet. når jeg tester i Opera så flipper min øverste navigation ingen problemeri FF eller IE 6

Synes godt om

mclemens Nybegynder

01. september 2006 - 09:46 #24

position:relative på nav menuen kikser lidt i Opera åbenbart???
Nåh, den er lige kastet over til position:absolute; rettelse af top
og til føjelse af position:relative på wrapper'en ... og lidt margin-top
på content så der tages hensyn til ændringen fra relative til absolute ...

Her er de 3 css rettelser (husk en backup af css filen):

#wrapper {
text-align: left;
width: 760px;
margin-top:2%;
margin-right: auto;
margin-left: auto;
padding: 0px 0 0 0;
background-image:url(../images/Banner_top.png);
background-repeat:no-repeat;
border-top: 2px solid #999999;
border-left: 2px solid #999999;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
position:relative;
}

#nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-weight: 100;
padding-top: 1em;
padding-right: 0em;
padding-bottom: 1em;
padding-left: 3em;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-right-style: none;
border-left-style: none;
position: absolute;
left: 0px;
top: 135px;
}

#content {
width: 545px;
float: right;
padding: 20px 10px 0 0;
background-color: #333333;
margin-top:45px;
}

Synes godt om

mclemens Nybegynder

01. september 2006 - 09:46 #25

Rønving husk svaret ...

Synes godt om

mclemens Nybegynder

01. september 2006 - 10:01 #26

(det kan godt være at top skal være lidt lavere i #nav)

Synes godt om

hans01 Nybegynder

01. september 2006 - 10:01 #27

Hej mclemens, det spiller. også når jeg resizer. smukt. tusind tak

Synes godt om

hans01 Nybegynder

01. september 2006 - 10:02 #28

ja den skulle. tak

Synes godt om

mclemens Nybegynder

01. september 2006 - 10:26 #29

Velbekom :)

Synes godt om

hans01 Nybegynder

01. september 2006 - 10:38 #30

Jeg venter bare på et svar fra roenving, så points kan deles ud.

Synes godt om

hans01 Nybegynder

03. september 2006 - 09:02 #31

hva gør vi mht points mclemens

Synes godt om

mclemens Nybegynder

03. september 2006 - 10:08 #32

For min skyld, kan vi sagtens lade den stå, indtil Rønving kaster et svar :)
... Så kan du evt. kigge engang imellem, om Rønving har lagt et svar ...

Synes godt om

hans01 Nybegynder

03. september 2006 - 10:26 #33

Det er en aftale. hav en god søndag

Synes godt om

roenving Novice

12. september 2006 - 15:56 #34

Velbekomme '-)

-- der har lige været et par uger ...

Synes godt om

roenving Novice

12. september 2006 - 17:11 #35

-- og tak for point ;~}

Synes godt om

mclemens Nybegynder

12. september 2006 - 17:21 #36

Tak for point også :-)

Synes godt om

hans01 Nybegynder

12. september 2006 - 19:57 #37

velbekomme begge to, og endnu engang tak for hjælpen..

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS