css cache

Status
Niet open voor verdere reacties.
yammaski

yammaski

Gebruiker
Lid geworden
9 mrt 2005
Berichten
284
Soms zet ik in een banner een melding op mijn site.
Dit is een image die met css wordt getoond. Bvb. : Wij zijn gesloten tot .... .
Als ik de css aanpas zodat de image niet meer getoond wordt, blijkt deze hier en daar bij bezoekers toch nog in de cache zitten.

Is er een manier om de css in de cache automatisch te refreshen ?
 
Je kan een willekeurige parameter mee kunnen geven aan je banner. Dus zoiets:

Code: 
<img src="banner.jpg?random=123" />

Door de parameter wordt de afbeelding niet gecached omdat de server er vanuit gaat dat deze "variabel" kan zijn. Houdt er wel rekening mee dat de afbeelding hierbij dus door niemand wordt gecached.
 
Bedankt.
Dat is toch niet nodig denk ik, dat de afbeelding gecached wordt !?
De afbeelding moet maar een week verschijnen.
 
Het heeft enkel invloed op het laden van de pagina maar als je zorg dat de bestandsgrootte van je banner niet te groot is valt het allemaal wel te overzien.
 
Het is een banner van 990 x 45 px en is maar 5,75 kB groot.
 
Mijn fout was met twee topics tegelijk bezig. Heb mijn bericht en de reactie erop verwijderd.
 
Er blijkt dan toch nog een addertje onder het gras te zitten ...
De image heeft nu die parameter, maar deze wordt getoond/niet getoond met "display : none;"

Code: 
background-image: url(../images/melding.png?random=123);
display:none;

Als je "display:none;" weghaalt, en je refresht de browser niet, blijft de image staan.
 
Laatst bewerkt:
En als je er tegelijkertijd ...?random=124 van maakt?
  • Maar dat komt eigenlijk op hetzelfde neer als een wisselende naam van het image: melding123.png, melding124.png. Waarom kan dat niet gewoon?
(Misschien is het handig om ?date=01-06-2013 enz. [resp. melding01-06-2013.png enz.] te gebruiken, waarbij de datum dan meteen de deadline van plaatsing aangeeft.)
 
O, wacht eens even! ;)
De css staat natuurlijk ook in de cache van de bezoeker, dan moet het css-bestand ook een parameter krijgen!
 
..., dan moet het css-bestand ook een parameter krijgen!
Klik om te vergroten...
De css zit in de template. Als ik dit ga aanpassen, moet ik telkens al de pagina's opnieuw uploaden !? :o

De image is de background van <div id="Banner"></div>, welke ook in de template zit.
Bedoeling is dat de image (background) getoond wordt als ik een melding bovenaan de paginas wil tonen.
Dit is normaal 2x een week per jaar.

Zie testpagina.
 
"opnieuw uploaden !?" > Als je het random-getal client-side laat bepalen, heb je daar denkelijk geen last van:
[JS]<script type="text/javascript">
// <![CDATA[
var rnd=Math.random();
document.write('<link href="stylesheets/Banner.css?rand='+rnd+'" rel="stylesheet" type="text/css" />');
// ]]>
</script>
[/JS]
Helpt dat?

Met vriendelijke groet,
CSShunter
___________
PS
Vraag: als je in de css de {display:none} aanzet, moeten dan (als de css in de template zit) niet óók alle pagina's opnieuw geüpload worden?
 
Laatst bewerkt:
Vraag: als je in de css de {display:none} aanzet, moeten dan (als de css in de template zit) niet óók alle pagina's opnieuw geüpload worden?
Klik om te vergroten...
Toch alleen maar de css uploaden !?

Ik heb ondertussen anders opgelost ... als de banner niet getoond moet worden vervang ik de image door een image van 990 x 1 px, zelfde kleur als achtergrond. Ook zet ik de css terug op display:none. Blijkt mooi te werken.

Bedankt voor je hulp CSS-hunter. :thumb:
 
Opmerking over de website

Hallo Yammaski,

Hier enkele tips voor uw website.

Als ik op deze pagina kijk: http://www.stickers.be/detail-150mm.asp?ProductID=1949&CatID=2 (bij zowat iedere sticker eigenlijk, ik geef hier gewoon een willekeurige link(artikel))

Over de rubriek grootte van de sticker:

Dit vind ik goed gedaan, de foto moet zich niet aanpassen aan de gekozen afmeting.

Over de rubriek kleur van de sticker:

zie ik als je een kleur kiest de sticker niet veranderd in dat kleur. (ik heb het niet over de background want ik heb gelezen dat dit voorbeeld is)
Dus de sticker weergeven in het gekozen kleur dat de gebruiker kan kiezen.

Zo kunnen eventuele kopers zien hoe de sticker eruit zal komen te zien in een bepaalde kleur.

Spiegelbeeld:

Hier hetzelfde als je spiegelbeeld kiest kan je dat zien (prachtig gedaan :thumb:)
Alleen wordt dit niet weergegeven in het kleur dat de gebruiker zou bestellen.

Voor de rest vind ik dit een hele mooie website.

Dit was mijn mening wat ik zelf er zou aan veranderen, hopelijk doe je er wat mee! (Als dit speciaal zo ontworpen is zonder kleur, beschouw dit dan als ongelezen bericht)

Mvg gast0187
 
Laatst bewerkt:
Hoi Antoon,
Het is zeker een hele mooie en gebruiksvriendelijke site: vind ik ook.
Als ik even voor m'n beurt mag praten: de stickers in de gekozen kleur kwam al eerder op het forum ter sprake (zie bv. posts #29 en #30 van een ander topic).
Daaruit kwam naar voren: de javascript-oplossing hiervoor staat al klaar. Maar ... de images niet! Dat zijn voor het merendeel transparante gif'jes, waarbij de buitenkant transparant is en de eigenlijke vorm zwart. Voor tonen van de gekozen kleur moet juist de zwarte binnenkant transparant zijn, en de buitenkant een vaste kleur krijgen (grijs: de zogenaamde background -kleur!).
Betekent: alle images moeten opnieuw gemaakt worden, en bij de enorme hoeveelheid stickers is dat een vreselijk karwei! :rolleyes:

Maar een aantal images zijn al wel op deze manier gemaakt, daar zie je meteen de gekozen kleur.
Er is dus al over nagedacht!
 
Laatst bewerkt:
Oei, dat is minder.

Beetje per beetje en alle foto's zullen met tijd wel aangepast geraken. :p

Mvg gast0187
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan