Resize Cumulus graphs for web page?

[duke]

As probably most of you have read I am gradually working through my 1st ( ) php website.

To make it "appear" complete while I work on other pages I thought I would "borrow" the code from the Cumulus graphs & trends pages for my own page but they appear way too big. How do I scale them down?

http://www.nightingaleweather.co.uk/graphs.php

Duke

[mcrossley]

I think you would be best using a combination of two techniques. Firstly the large graphs, iirc Cumulus has an option to rescale them on the Internet settings page, but this does not affect the thumbnails.

The thumbnails you can rescale client side by just specifying the image width/height in the <IMG> tag - you can do this for the main graphs as well of course.

there are options of using PHP to rescale the images if you wish to research that.

[duke]

Thanks. Worked perfectly.

[TNETWeather]

In that you are using XHTML as your document type, you should learn to use CSS to control your elements instead of using width and height in your img tags since those really are not proper.

In your CSS: you could define a class like:

Code: Select all

.graphimg { width: 174px; height: 54px; }

then when you use HTML code to define your images you can use the class info.

Instead of:

Code: Select all

<img src="thermometer.php" 
    height="170" width="54"
    alt="Current temperature, daily max/min"
    title="Current temperature, daily max/min" />

Use:

Code: Select all

<img class="graphimg" src="thermometer.php"  
    alt="Current temperature, daily max/min"
    title="Current temperature, daily max/min" />

Along with CSS being the proper way to do this when using the doc type you are using for your pages, it also makes making adjustments much much easier in the future. You can now change the size used for those images on the fly by simply making one edit to your CSS and they all will adjust.

So a change of:

Code: Select all

.graphimg { width: 150px; height: 50px; }

Would change what the browsers use for sizing for all the images that have that CSS tag referenced in them.

[duke]

I know this is an old post but rather than start a new topic, what is the "standard" size that Cumulus uploads the graph image at? There seems to be a lot of people resizing with the most common sizes being 750px x 300px and 923px x 369px which seems an odd size

[steve]

The large graphs are 750x300 and the thumbnails are 150x100.

[duke]

Ok, thanks Steve, that is what I thought. But, strangely, the Cumulus that I have just installed (a few minutes ago) on my local server is producing graphs of 923px x 369px. It is a fresh install on a fresh drive without any alterations to Cumulus. Not even a PWS connected.

EDIT: and for my smaller images I am getting 185px x 123px

[steve]

Sorry, I don't know. On both of my PCs, running different version of Windows at different resolutions, I get images at the intended default size.