Change image depending on weather?

[nbr_uk]

Is it possible to change the image displayed in the bottom left corner of the generated webpage to reflect the current conditions? For example show a sunny scene when warm, rainy when wet etc?

I replaced the image with one of my weather station in the snow but it looks a bit naff in summer!

I suppose I could setup a webcam to capture to a still and save it to the directory but it wouldn't have the soft filter round the edge and would probably end up getting a shot of my wife hanging out the washing or my cat having a dump so would rather set a predefined image for a weather condition.

Any ideas?

[steve]

You could possibly use javascript to change the background image depending on a particular item, e.g. if you had a solar sensor you could use the <#IsSunny> web tag:

Code: Select all

<script language="JavaScript">
if (<#IsSunny> = "1") 
  { document.body.background = "sunny.jpg"}
else
  { document.body.background = "cloudy.jpg"}
</script>

Note that I haven't tried this!

[ColinJS]

If you would be OK with a seasonal display, you could try (similar to the day/night question a while back):

document.body.background = "month<#month>.jpg", with twelve images, "month01.jpg" etc.

Unfortunately there is no 'current conditions' webtag, except the one you put in yourself, which would be text I guess. You could use the forecast one <#forecastnumber>, but then you'd need 28 different photos.

I haven't tried this either, but it looks like it should work. I should try it, my page also still shows snow!

HTH,

Colin

[robynfali]

Colin

Just been looking through your page, and found the setup area

7th Apr: Upgraded to Cumulus 1.9.1. Documentation doesn't really describe what to do, but an entry on the forum said just to backup and load over old version. Wasn't sure what to do with the 'HTML' option. Let it install in case there are new things to consider and after install, copied *t.htm back over the newly installed versions (after copying, of course!).


When you install an updated cumulus, if you have any personalised pages you should UNTICK the HTML option, as it will overwrite your exisiting pages replacing them with originals.

[steve]

7th Apr: Upgraded to Cumulus 1.9.1. Documentation doesn't really describe what to do

The readme.txt says:

"Upgrading:

If you are upgrading from a previous version, you can install
this version over the top of these (just run the setup.exe).
Your data files will be saved (you should take backups
before upgrading to be safe). "

The FAQ says:

"How do I upgrade to a new release?

Back up your data, and run the new setup. Occasionally, there may be actions you need to perform before or after the upgrade - these will be documented in the readme.txt file."

I'll update the FAQ to mention the 'install HTML files' option. Someone might read it, you never know.

[robynfali]

I'll update the FAQ to mention the 'install HTML files' option. Someone might read it, you never know.

[nbr_uk]

Thanks for the responses - going to give the suggestions a try when I get back off holiday!

[ColinJS]

Thanks for pointing out the documentation stuff. I tend to rely on backups rather heavily, somewhat paranoid about making them, so might as well use them. I seem to remember not seeing anything leaping out from whatever page I was reading, so let it install, knowing I would be able to recover my customisation afterwards. Worked fine.

Cheers,

Colin

[MickinMoulden]

Is it possible to change the image displayed in the bottom left corner of the generated webpage to reflect the current conditions? For example show a sunny scene when warm, rainy when wet etc?

I replaced the image with one of my weather station in the snow but it looks a bit naff in summer!

I suppose I could setup a webcam to capture to a still and save it to the directory but it wouldn't have the soft filter round the edge and would probably end up getting a shot of my wife hanging out the washing or my cat having a dump so would rather set a predefined image for a weather condition.

Any ideas?

I don't have a background image, but I do have 6 images that change depending on the weather. It's all done in HTML using a combination of webtags. You should be able to do the same thing for the background image, however you will need to upload the weatherstyle.css every time.

[beteljuice]

... You should be able to do the same thing for the background image, however you will need to upload the weatherstyle.css every time.

Nope ....

You could use the document.body mentioned earlier, but a better way would be to 'add' to the css as described here: https://cumulus.hosiene.co.uk/viewtopic.php?f=14&t=1657

[MickinMoulden]

... You should be able to do the same thing for the background image, however you will need to upload the weatherstyle.css every time.

Nope ....

You could use the document.body mentioned earlier, but a better way would be to 'add' to the css as described here: https://cumulus.hosiene.co.uk/viewtopic.php?f=14&t=1657

ah...yes you can....
where it has

Code: Select all

@charset "UTF-8";
body {
	background:#FFFFFF url('images/picture.jpg') no-repeat fixed left bottom; font-family: Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #585858;
	text-align: left;

you could change

Code: Select all

('images/picture.jpg')

to

Code: Select all

('images/temp<#HighTempAlarm><#LowTempAlarm>.jpg)

. Done. And this is just 1 of many examples or combinations you could use. Get creative.
For this simple example you would only need 3 pictures. I have combinations up around 25. So I know it can be done.
You learn something every day hey.

[beteljuice]

I didn't mean it wasn't possible - just that it's extra baggage to process and upload weatherstyles.css when you can do a couple of lines override in your xxxxT.htm files