Inladen van foto's forceren bij bezoeken webpagina

Vieten · 28 dec 2008, 19:43

Hallo,

op mijn website staan 4 foto's in het sjabloon, dus komen op elke pagina voor.
Regelmatig zet ik er andere foto's in.
Om niet mijn hele website dan opnieuw te moeten uploaden geef ik de nieuwe foto's dezelfde naam dan de oude m.a.w. ik overschrijf de oude foto's.

probleem: Als een bezoeker al op de website geweest is en hij heeft de oude foto's nog in de cache op zijn pc zitten ziet hij die ipv de nieuwe.

Is er een manier om de nieuwe foto's toch te forceren?

bedankt,
David

28 dec 2008, 23:57

De truc is je naam toch te veranderen. Dat kan, zonder dat de bestandsnaam verander door eigenlijk "foto1.jpg?random=1804309DSJLJ" te gebruiken, waarbij die random (of eender wat na het vraagteken eigenlijk) telkens anders is dan de vorige keer. Dat kan eventueel door een javascript zijn, of vanuit je website zelf worden toegevoegd.

Vieten · 09 jan 2009, 12:13

Bedankt, als ik dat wil automatiseren (php), kan dat in de css? Daar wijs ik namelijk de foto's toe.

Dit zit in de website:

<div id="fotos">
<div id="rfoto1"></div>
<div id="rfoto2"></div>
<div id="rfoto3"></div>
<div id="rfoto4"></div>
</div>

Dit zit in de css:

#container #rest #fotos #rfoto1 {
background-image: url(../images/rechts/foto1.jpg);
}
#container #rest #fotos #rfoto2 {
background-image: url(../images/rechts/foto2.jpg);
}
#container #rest #fotos #rfoto3 {
background-image: url(../images/rechts/foto3.jpg);
}
#container #rest #fotos #rfoto4 {
background-image: url(../images/rechts/foto4.jpg);
}

localhost · 09 jan 2009, 13:13

http://www.codeave.com/html/code.asp?u_log=5080

Code: Selecteer alles

<html>
<head>
<meta http-equiv="Pragma" content="no-cache">
<!-- Pragma content set to no-cache tells the browser not to cache the page
This may or may not work in IE -->
<meta http-equiv="expires" content="0">
<!-- Setting the page to expire at 0 means the page is immediately expired
Any vales less then one will set the page to expire some time in past and
not be cached. This may not work with Navigator -->

<title>CodeAve.com(No Cache)</title>
</head>
<body bgcolor="#FFFFFF">

<!-- There are two basic ways to prevent a page from
going into cache. Either one should work in the majority
of browsers. As with most meta tags they should be placed within
the head tags of your document -->

</body>
</html>

Ik weet alleen niet of dat ook geldt voor de gekoppelde css.

BungaMan · 09 jan 2009, 13:37

Gebruik in uw php een hash functie gebaseerd op de image om die random waarde te creeren zoals meon voorstelt. Zolang de image niet veranderd is die hash ook niet anders. Dan kunt ge wel caching hebben en een snelle site. Localhost zijn voorstel lost het cachen wel op maar dan moeten de images (en pagina) bij ieder bezoek gedownload worden.

http://be2.php.net/manual/en/function.hash-file.php
http://be2.php.net/manual/en/function.md5-file.php

md5 zou een van de snellere moeten zijn.

localhost · 09 jan 2009, 14:35

Dat veronderstelt dat zijn webhosting php ondersteunt. Bij gewone providerhosting is dat meestal niet het geval.
Is er PHP, gebruik dan het gecombineerde voorstel van meon en BungaMan.
Is er geen PHP, gebruik dan dat van mij.

EDIT: http://www.natuurpuntneerpelt.be is een 100% statische website, gemaakt met Adobe Dreamweaver. Het domein is geregistreerd bij One.com en waarschijnlijk staat het daar ook gehost (nog niet in detail nagekeken). Volgens de productpagina's van One.com is PHP5 inbegrepen, dus kan de methode van meon+BungaMan gebruikt worden.

EDIT2: ikzelf heb nog nooit CSS on the fly gemaakt met PHP, maar er is uiteraard geen enkele reden waarom dat niet zou kunnen.

EDIT3: ik ben aangenaam verrast door de kwaliteit van de HTML die Dreamweaver genereert. Volgens de W3C Validator maar 25 fouten, en voor zover ik kan zien zijn de meeste "secundaire fouten" dus door op één plaats te verbeteren, los je meerdere fouten tegelijk op. Waarschijnlijk een zeer recente versie van Dreamweaver?

ubremoved_539 · 09 jan 2009, 14:42

localhost schreef:<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="expires" content="0">

Ik weet alleen niet of dat ook geldt voor de gekoppelde css.

Het probleem is dat gans het no-cache en expires gedoe op zijn zachts gesproken zo goed als niet werkt (zeker niet met verschillende Internet Explorer versies).

Vieten · 09 jan 2009, 15:09

Als ik het goed gelezen heb wordt die md5-code berekend naargelang de filenaam, in dat geval is die ook steeds dezelfde en is het probleem nog niet opgelost.

09 jan 2009, 15:21

localhost schreef:EDIT3: ik ben aangenaam verrast door de kwaliteit van de HTML die Dreamweaver genereert. Volgens de W3C Validator maar 25 fouten, en voor zover ik kan zien zijn de meeste "secundaire fouten" dus door op één plaats te verbeteren, los je meerdere fouten tegelijk op. Waarschijnlijk een zeer recente versie van Dreamweaver?

Sinds DW CS3 maakt deze vrijwel foutloze code

. De render-engine is ook die van Opera, zowieso ook al redelijk "strict".

Vieten schreef:Als ik het goed gelezen heb wordt die md5-code berekend naargelang de filenaam, in dat geval is die ook steeds dezelfde en is het probleem nog niet opgelost.

nee, MD5 van de file, niet van de filename (dat gaat ook!)