Page 1 of 1

Image in background of a block (Windrose block)

Posted: Wed Nov 29, 2017 4:53 am
by pdurand
My weather station is located at a Radio Control flying field.
The most important data for members is wind speed, wind direction relative to runways and temperature in that order.

I would like to add an image of our runways (viewed from the clouds) underneath the Windrose block.
This would give pilots an indication of wind direction relative to both runways.
Is that possible?
If so could I get general guidance?
I am new to PHP.
I have two servers (on raspberry pi 3's) displaying the same data.
If you are interested in viewing these go to:
http://amasrc.does-it.net and
http://bptest.does-it.net

Thanks in advance....

Re: Image in background of a block (Windrose block)

Posted: Wed Nov 29, 2017 10:11 am
by Jachym
Hi,
you can use the "logo" or "dynamicImage" block and just provide the URL of the image and it will show up in that block

Re: Image in background of a block (Windrose block)

Posted: Wed Nov 29, 2017 5:08 pm
by pdurand
I am not sure I understand...
I am wanting to have the WindRose block superimpose the Image of the runways to provide a visual reference of wind direction relative to runway alignment.
If I use the displayImage block, I would need to have the Windrose block superimpose the displayimage block.
I dont know if that is possible.

Re: Image in background of a block (Windrose block)

Posted: Wed Nov 29, 2017 5:26 pm
by Jachym
Hmm, theoretically maybe. You would need to create a background div. And then set the background of the wind rose to transparent (via Highcharts). Then scale it absolutely and place the image below it, with lower z-index to place it in the back. Then lastly you would need to scale the whole thing in the center. But Im not sure how well it would work also because the windrose auto adjusts to block size, but the image would stretch too, which might not be desirable

Re: Image in background of a block (Windrose block)

Posted: Wed Nov 29, 2017 5:28 pm
by pdurand
Thank you Jachym,
I will look into that approach...