Rollover-Interaktionen einbinden

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. 54: Rollover-Interaktion a)

Screenshot

Bildschirmfoto_b.png

 Abb. 55: Rollover-Interaktion b)

Screenshot

Bildschirmfoto_c.png

 Abb. 56: 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. 7: Rollover Grafik

Betrachtungsweisen BPM

Learning Object Online Platform