3.13.5 Rollover-Interaktionen einbinden

[gesichtete Version]

Version vom 16. April 2021, 11:50 Uhr

Hinweis

Allgemein werden Shockwave-Flashdateien (.swf) nicht länger für die Gestaltung und Einbindung in LOOP empfohlen.

LOOP setzt in Zukunft auf reine HTML5-Interaktionen, welche mit dem Tag

<loop_zip file=„name.zip-Datei“ start=„name.html“ width=„...px“ height=„...px> </loop_zip>

eingebunden werden.

Im folgenden Beispiel sehen Sie die Einbindung einer Rollover-Interaktion:

Syntax: <loop_noprint> <loop_zip file="Betrachtungsweisen_bpm.zip" start="betrachtungsweisen_bpm_pro_igr_de.html" width="700px" height="400px"> </loop_zip> </loop_noprint>

<loop_print> <loop_figure title="Rollover-Interaktion a)" show_copyright="true" copyright="Screenshot" id="6079684405caa"> [[Bildschirmfoto_a.png]] </loop_figure> <loop_figure title="Rollover-Interaktion b)" show_copyright="true" copyright="Screenshot" id="6079684405cad"> [[Bildschirmfoto_b.png]] </loop_figure> <loop_figure title="Rollover-Interaktion c)" show_copyright="true" copyright="Screenshot" id="6079684405caf"> [[Bildschirmfoto_c.png]] </loop_figure> </loop_print>

Ergebnis:

Druckbereich

Bildschirmfoto_a.png

Abb. 45: Rollover-Interaktion a)

Screenshot

Bildschirmfoto_b.png

Abb. 46: Rollover-Interaktion b)

Screenshot

Bildschirmfoto_c.png

Abb. 47: Rollover-Interaktion c)

Screenshot

Auszeichnung ins Medienverzeichnis[]

Soll die Rollover-Interaktion im Medienverzeichnis aufgelistet werden, dann verwenden Sie folgende Bereichskennzeichnung.

Syntax: <loop_media type="rollover" title="Rollover Grafik" description="Betrachtungsweisen BPM" id="6024e8d769e8f"> <loop_zip file="betrachtungsweisen_bpm.zip" start="betrachtungsweisen_bpm_pro_igr_de.html" width="700px" height="400px"> </loop_zip> </loop_media>

Ergebnis:

Med. 6: Rollover Grafik

Betrachtungsweisen BPM

@@ Zeile 22: / Zeile 22: @@
 <loop_figure title="Rollover-Interaktion a)" show_copyright="true"
 copyright="Screenshot" id="6079684405caa">
-[[Bildschrimfoto_a.png]]
+[[Bildschirmfoto_a.png]]
 </loop_figure>
 <loop_figure title="Rollover-Interaktion b)" show_copyright="true"
 copyright="Screenshot" id="6079684405cad">
-[[Bildschrimfoto_c.png]]
+[[Bildschirmfoto_b.png]]
 </loop_figure>
 <loop_figure title="Rollover-Interaktion c)" show_copyright="true"
@@ Zeile 47: / Zeile 47: @@
 <loop_figure title="Rollover-Interaktion a)" show_copyright="true"
 copyright="Screenshot" id="6079684405caa">
-[[Bildschrimfoto_a.png]]
+[[Bildschirmfoto_a.png]]
 </loop_figure>
 <loop_figure title="Rollover-Interaktion b)" show_copyright="true"
 copyright="Screenshot" id="6079684405cad">
-[[Bildschrimfoto_c.png]]
+[[Bildschirmfoto_b.png]]
 </loop_figure>
 <loop_figure title="Rollover-Interaktion c)" show_copyright="true"