diff --git a/light9/web/timeline/inline-attrs.html b/light9/web/timeline/inline-attrs.html
--- a/light9/web/timeline/inline-attrs.html
+++ b/light9/web/timeline/inline-attrs.html
@@ -27,7 +27,7 @@
           <light9-color-picker color="{{colorScale}}"></light9-color-picker>
         </td></tr>
       </table>
-
+      <img src="/show/dance2019/anim/rainbow1.png">
   </template>
   <script src="inline-attrs.js"></script>
 </dom-module>
diff --git a/light9/web/timeline/timeline-elements.html b/light9/web/timeline/timeline-elements.html
--- a/light9/web/timeline/timeline-elements.html
+++ b/light9/web/timeline/timeline-elements.html
@@ -123,6 +123,9 @@
       </light9-timeline-audio>
     </div>
     <div id="rows"></div>
+    <template is="dom-repeat" items="{{imageSamples}}">
+      <img src="/show/dance2019/anim/rainbow1.png">
+    </template>
     <template is="dom-repeat" items="{{inlineAttrConfigs}}">
       <light9-timeline-note-inline-attrs graph="{{graph}}"
                                          project="{{project}}"
diff --git a/light9/web/timeline/timeline.coffee b/light9/web/timeline/timeline.coffee
--- a/light9/web/timeline/timeline.coffee
+++ b/light9/web/timeline/timeline.coffee
@@ -291,6 +291,7 @@ coffeeElementSetup(class TimeZoomed exte
     song: { type: String, notify: true }
     viewState: { type: Object, notify: true }
     inlineAttrConfigs: { type: Array, value: [] } # only for inlineattrs that should be displayed
+    imageSamples: { type: Array, value: [] }
   @getter_observers: [
     '_onGraph(graph, setAdjuster, song, viewState, project)',
     'onZoom(viewState)',
@@ -316,6 +317,8 @@ coffeeElementSetup(class TimeZoomed exte
   ready: ->
     super.ready()
 
+    @imageSamples = ['one']
+
     @addEventListener('iron-resize', @_onResize.bind(@))
     Polymer.RenderStatus.afterNextRender(this, @_onResize.bind(@))