smartVISU
11:46, 12.10, v2.7

Beispiel - Einbindung einer Cam


Cam - Würzburg

Das Einbinden einer Cam können wir relativ leicht mit dem Widget "multimedia.image" realisiseren.
Hieru brauchen wir lediglich den Pafd zur Bilddatei.
{% import "multimedia.html" as multimedia %}
{{ multimedia.image('image1', 'http://www.wuerzburg.de/downloads/webcam/cam1.jpg', 'corner') }}


Der oben gezeigte Code in Verbindung mit einem Block-Typ5 könnte beispielsweise so aussehen:


Cam - Außen

Close
Um das ganze in ein PopUp einzubinden, gehen wir beispielsweise wie folgt vor:
<a href="#popup3" data-rel="popup" data-position-to="window">
<img class="icon" src="{{ icon1~'../../icons/rt/it_camera.png' }}"></a>

<div id="popup3" data-role="popup" data-overlay-theme='b' data-theme='a' style="width:450px; height:380px;">
<h4>Cam - Außen</h4>
{% import "multimedia.html" as multimedia %}
{{ multimedia.image('image2', 'http://Pfad/zu/unserem/Bild', 'corner-button') }}
<a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
</div>