# CZML Billboard with time-dependent image

**URL:** <https://community.cesium.com/t/czml-billboard-with-time-dependent-image/3772>\
**Category:** CesiumJS\
**Created:** [February 29, 2016, 12:30am UTC](https://community.cesium.com/t/czml-billboard-with-time-dependent-image/3772 "2016-02-29T00:30:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Scott\_Reynolds](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/scott_reynolds/32/2014_2.png) [@Scott\_Reynolds](https://community.cesium.com/u/Scott_Reynolds)\
**Post date:** [February 29, 2016, 12:30am UTC](https://community.cesium.com/t/czml-billboard-with-time-dependent-image/3772/1 "2016-02-29T00:30:48Z")

</div>

Hi,

I’m trying to create a billboard whose image changes at specific times. I’ve tried several different configurations but none seem to work. Following the pattern for color doesn’t work either. Is this possible?

Thanks,

Scott

[

{

“id”: “document”,

“name”: “Billboard Test”,

“version”: “1.0”,

“clock”: {

“interval”:“2016-02-27T00:00:00Z/2016-02-29T00:00:00Z”

}

},

{

“id”: “Billboard”,

“name”: “Time Dependent Billboard”,

“position”: {

“cartographicDegrees”: [-75.5, 40.0, 0.0]

},

“billboard”: {

“color”: {

“rgba”: [

“2016-02-27T00:00:00.000Z”, 255, 255, 255, 255,

“2016-02-28T00:00:00.000Z”, 0, 255, 0, 255

]

},

“image”: {

“uri”: [

“2016-02-27T00:00:00.000Z”, “sarImages/C-17 - Green+Grey.png”,

“2016-02-28T12:00:00.000Z”, “sarImages/C-17 - Green+White.png”

]

},

“scale”: 0.1

}

}

]

[

{

“id”: “document”,

“name”: “Billboard Test”,

“version”: “1.0”,

“clock”: {

“interval”:“2016-02-27T00:00:00Z/2016-02-29T00:00:00Z”

}

},

{

“id”: “Billboard”,

“name”: “Time Dependent Billboard”,

“position”: {

“cartographicDegrees”: [-75.5, 40.0, 0.0]

},

“billboard”: {

“color”: {

“rgba”: [

“2016-02-27T00:00:00.000Z”, 255, 255, 255, 255,

“2016-02-28T00:00:00.000Z”, 0, 255, 0, 255

]

},

“image”: {

“uri”: [

“2016-02-27T00:00:00.000Z”, “sarImages/C-17 - Green+Grey.png”,

“2016-02-28T12:00:00.000Z”, “sarImages/C-17 - Green+White.png”

]

},

“scale”: 0.1

}

}

]

``

---

<div class="post-metadata">

**Author:** ![Matt\_Amato](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/matt_amato/32/1993_2.png) [@Matt\_Amato](https://community.cesium.com/u/Matt_Amato)\
**Post date:** [February 29, 2016, 12:45am UTC](https://community.cesium.com/t/czml-billboard-with-time-dependent-image/3772/2 "2016-02-29T00:45:21Z")

</div>

Yes, all CZML properties properties support interval values. It looks like you are using the format for sampled values, which won’t work in this case. I believe the format you need is below. If you’re still having trouble I can post a complete example.

“image” : [

{

“interval” : “2016-02-27T00:00:00.000Z/2016-02-28T12:00:00.000Z”,

“uri” : “sarImages/C-17 - Green+Grey.png”

}, {

“interval” : “2016-02-28T12:00:00.000Z/2016-02-29T12:00:00.000Z”,

“uri” : “sarImages/C-17 - Green+White.png”

}

],

---

<div class="post-metadata">

**Author:** ![andreas.silva1](https://avatars.discourse-cdn.com/v4/letter/a/7c8e57/32.png) [@andreas.silva1](https://community.cesium.com/u/andreas.silva1)\
**Post date:** [March 8, 2018, 7:12pm UTC](https://community.cesium.com/t/czml-billboard-with-time-dependent-image/3772/3 "2018-03-08T19:12:23Z")

</div>

Hi,

is it possible to handle the overlap of two images?

Please note that, at the time I stream these messages, I don’t know the start moments of the other images.

Please take a look at this example:

**first czml:**

“billboard”: {

“image”: [

{

“reference”: “iconsecurityEvent#billboard.image”,

“interval”: “2018-03-08T16:51:57Z/2018-03-08T17:50:33Z”

}

]

}

**after czml:**

“billboard”: {

“image”: [

{

“reference”: “iconhazardEvent#billboard.image”,

“interval”: “2018-03-08T15:51:39Z/2018-03-08T17:50:33Z”

}

]

}

the ‘after czml’ overlaps the first because it’s interval starts first.

My goal is to keep both.

Regards,

---

<div class="post-metadata">

**Author:** ![Gabby\_Getz](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gabby_getz/32/7838_2.png) [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)\
**Post date:** [March 12, 2018, 9:56pm UTC](https://community.cesium.com/t/czml-billboard-with-time-dependent-image/3772/4 "2018-03-12T21:56:45Z")

</div>

Hi Andreas,

I would create two entities in this case one for each interval with the appropriate image.

Thanks,

Gabby