SkillShare Forum - CSS Beauty - Image loaded by date 2013-05-25T06:52:08-04:00 http://cssbeauty.com/skillshare/ Lussumo Vanilla Image loaded by date http://cssbeauty.com/skillshare/discussion/984/?Focus=6308#Comment_6308 2006-08-16T12:44:32-04:00 2013-05-25T06:52:08-04:00 4hero http://cssbeauty.com/skillshare/account/1435/ Hi guys, I am going on holiday for two weeks and am looking for some help. My client has asked me to change an image this sunday and next sunday but as I'm on holiday, I can't. I don't do ...
My client has asked me to change an image this sunday and next sunday but as I'm on holiday, I can't. I don't do javascript but is there a way to display an image on a certain date? It's for a sale my client has on, the image currently says, "Summer Sale now on", this Sunday it will change to "Summer Sale ending soon" etc..

I have googled it but can't find much :(

Any help would be much appreciated!

Thanks in advance.]]> Image loaded by date http://cssbeauty.com/skillshare/discussion/984/?Focus=6309#Comment_6309 2006-08-16T13:08:01-04:00 2013-05-25T06:52:08-04:00 JohnRiv http://cssbeauty.com/skillshare/account/5/ Ideally that should be handled with backend code, since JavaScript will reference the date and time of the user's computer (and the user could be in a different time zone than your client, or have ...
I don't have time to write the code right now, but this page should give you some help with the JavaScript Date object (they even show you how to compare dates): http://www.w3schools.com/js/js_obj_date.asp

As far as inserting the image goes, do some searching for info on the JavaScript Image object the "src" property and you should be good to go. You'll basically want to start with a placeholder image and then replace that image if necessary once the page loads.]]> Image loaded by date http://cssbeauty.com/skillshare/discussion/984/?Focus=6356#Comment_6356 2006-08-18T02:49:38-04:00 2013-05-25T06:52:08-04:00 n0n@m3 http://cssbeauty.com/skillshare/account/1574/ If it is not too late, so you can try something like this : var Date = new Date(); var Today = Date.getDate(); if(Date > ...
<html>
<body>

<script type="text/javascript">

var Date = new Date();
var Today = Date.getDate();

if(Date > 21)
{
document.write('<img src="myFirstImg.jpg" alt="Summer Sale now on" />');
}
else
{
document.write('<img src="mySecondImg.jpg" alt="Summer Sale ending soon" />');
}
</script>

</body>
</html>

P.s Good holiday :)]]>