smartVISU
21:33 v3.3.1

Beispiel - Einbindung einer Cam


Cam - Würzburg
multimedia.image

Das Einbinden einer Cam können wir relativ leicht mit dem Widget "multimedia.image" realisiseren.
Hieru brauchen wir lediglich den Pafd zur Bilddatei.
{{ 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:


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="{{ icon0 }}it_camera.svg' }}"/></a>

<div id="popup3" data-role="popup" data-overlay-theme='b' data-theme='a' style="width:450px; height:380px;">
<h4>Cam - Außen</h4>
{{ 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>