3.13.5 Rollover-Interaktionen einbinden

[gesichtete Version][gesichtete Version]
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 22: Zeile 22:
<loop_figure title="Rollover-Interaktion a)" show_copyright="true"  
<loop_figure title="Rollover-Interaktion a)" show_copyright="true"  
copyright="Screenshot" id="6079684405caa">
copyright="Screenshot" id="6079684405caa">
[[Bildschirmfoto_a.png]]
[[File:Bildschirmfoto_a.png]]
</loop_figure>
</loop_figure>
<loop_figure title="Rollover-Interaktion b)" show_copyright="true"  
<loop_figure title="Rollover-Interaktion b)" show_copyright="true"  
copyright="Screenshot" id="6079684405cad">
copyright="Screenshot" id="6079684405cad">
[[Bildschirmfoto_b.png]]
[[File:Bildschirmfoto_b.png]]
</loop_figure>
</loop_figure>
<loop_figure title="Rollover-Interaktion c)" show_copyright="true"  
<loop_figure title="Rollover-Interaktion c)" show_copyright="true"  
copyright="Screenshot" id="6079684405caf">
copyright="Screenshot" id="6079684405caf">
[[Bildschirmfoto_c.png]]
[[File:Bildschirmfoto_c.png]]
</loop_figure>
</loop_figure>
</loop_print>
</loop_print>
Zeile 47: Zeile 47:
<loop_figure title="Rollover-Interaktion a)" show_copyright="true"  
<loop_figure title="Rollover-Interaktion a)" show_copyright="true"  
copyright="Screenshot" id="6079684405caa">
copyright="Screenshot" id="6079684405caa">
[[Bildschirmfoto_a.png]]
[[File:Bildschirmfoto_a.png]]
</loop_figure>
</loop_figure>
<loop_figure title="Rollover-Interaktion b)" show_copyright="true"  
<loop_figure title="Rollover-Interaktion b)" show_copyright="true"  
copyright="Screenshot" id="6079684405cad">
copyright="Screenshot" id="6079684405cad">
[[Bildschirmfoto_b.png]]
[[File:Bildschirmfoto_b.png]]
</loop_figure>
</loop_figure>
<loop_figure title="Rollover-Interaktion c)" show_copyright="true"  
<loop_figure title="Rollover-Interaktion c)" show_copyright="true"  
copyright="Screenshot" id="6079684405caf">
copyright="Screenshot" id="6079684405caf">
[[Bildschirmfoto_c.png]]
[[File:Bildschirmfoto_c.png]]
</loop_figure>
</loop_figure>
</loop_print>
</loop_print>

Version vom 16. April 2021, 12:52 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"> [[File:Bildschirmfoto_a.png]] </loop_figure> <loop_figure title="Rollover-Interaktion b)" show_copyright="true" copyright="Screenshot" id="6079684405cad"> [[File:Bildschirmfoto_b.png]] </loop_figure> <loop_figure title="Rollover-Interaktion c)" show_copyright="true" copyright="Screenshot" id="6079684405caf"> [[File:Bildschirmfoto_c.png]] </loop_figure> </loop_print>


Ergebnis:

Bildschirmfoto a.png

Bildschirmfoto b.png

Bildschirmfoto c.png

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: