Does anyone know how to hide a complete circular slider except the current track value (red marked point of the slider track in the picture below). This is the current position of the sun / calculated azimut position. Best result would be to just show a small icon of a sun or otherwise a dot like the red marked dot in the picture.
Yes i was thinking about that approche too but then i need to create an image with enough whitespace otherwise it would just rotate and don't follow the arc position.
Here's the result using a rotated icon as the sun. I used the custom Javascript code below to make it work. The first code is to rotate the sun regarding the azimut value. The second code is to hide the sun icon when the altitude value has become 0.
Code:
$(function(){
$('.azimut').each(function(i, el) {
var $el = $(el), addr = $el.data('object'); // or 'status-object'
(03.10.2023, 13:54)Joep Wrote: Here's the result using a rotated icon as the sun. I used the custom Javascript code below to make it work. The first code is to rotate the sun regarding the azimut value. The second code is to hide the sun icon when the altitude value has become 0.
Code:
$(function(){
$('.azimut').each(function(i, el) {
var $el = $(el), addr = $el.data('object'); // or 'status-object'
04.10.2023, 08:05 (This post was last modified: 04.10.2023, 08:07 by Joep.)
(03.10.2023, 16:51)Fahd Wrote: Hi Joep,
Can you share the icon ?
(03.10.2023, 13:54)Joep Wrote: Here's the result using a rotated icon as the sun. I used the custom Javascript code below to make it work. The first code is to rotate the sun regarding the azimut value. The second code is to hide the sun icon when the altitude value has become 0.
Code:
$(function(){
$('.azimut').each(function(i, el) {
var $el = $(el), addr = $el.data('object'); // or 'status-object'