Rim, you cannot place the 'cloudbase' image between the rain and outlook columns (both on the right side of the display) as it will distort the display of the data - you will have to replace one of those columns with the 'cloudbase' image.
A long time ago, I installed the 'cloudbase' image on my (highly customized/modified)
Tzouhalem-Maple Bay Weather main page (Weather Display produced pages) but all the column widths had to be readjusted to compensate for the with of the 'cloudbase' image (Note: Although the weather data on those pages is up-to-date, the code behind those pages needs to be updated, something I have just started to do).
A few months back, I included the 'cloudbase' image on my
Tzouhalem-Maple Bay - Cumulus Weather PHP main page (Cumulus produced pages) - although not continually displayed on the page, the 'cloudbase' image can be displayed by clicking on the icon at the right side of the 'Cloud Base' data line.
The 'cloudbase' image is just that, an image, even if the script to produce the image has the 'php' extension. So, as with any images, the 'cloudbase' image is included in a page with the following:
Code:
<?php
$cloudbase = 'cloudbase.php';
list($stAlt, $uomAlt) = explode (' ', trim($WX['altitude']));
list($cldAlt, $uomCld) = explode (' ', trim($WX['cloudbase']));
$cldAlt = $cldAlt + $stAlt;
$uomAlt = strtoupper(trim($uomAlt));
$uomCld = (trim($uomCld)=='m'?'M':'I');
$above = langtransstr(($stAlt >0 ? '(ASL)':'(AGL)'));
$cldTxt = langtransstr('Cloud Base').' @ '.$cldAlt.' '.langtransstr((trim($uomCld=='M')?'meters':'feet')).' '.$above;
###for testing purposes only
//echo '<br />$stAlt == '.$stAlt;
//echo '<br />$uomAlt == '.$uomAlt;
//echo '<br />$cldAlt == '.$cldAlt;
//echo '<br />$uomCld == '.$uomCld;
//echo '<br />$above == '.$above;
//echo '<br />$cldTxt == '.$cldTxt;
?>
This above code gets the station elevation and the cloud height from the tags produced by Cumulus, does a few checks and finally produces the text that will appear when the mouse cursor hovers over the image.
Note: The path to the 'cloudbase.php' script must be modified if the script is located in a different directory.
Code:
<?php echo '<img src="'.$cloudbase.'?uom='.$uomCld.'" alt="'.$cldTxt.'" title="'.$cldTxt.'" style="width: 100px; height: 200px; border: none;" />'; ?>
This is the code that must be used where ever the image is to be displayed.
I have just tested the code and it displayed properly by itself - I did not try including the 'cloudbase' into the 'ajax-dashboard.php' script.
I had a look at the source code of your 'index.php' page... Some errors were highlighted in my browser:
- there is a stray end tag "a" between the '</head>' and the '<body>' tags;
- the Google scripts are also poorly formatted;
- the Dynamic CountUp script has been installed outside, not only of the page content (id="page" wrapper) but also outside of the '</body>' tags!
Login 
Register
Enhancement requests
Search
