3.11.6 Klick-Interaktionen einbinden

[unmarkierte Version]

Version vom 9. Februar 2016, 14:44 Uhr

Allgemein werden Shockwave-Flashdateien (.swf) nicht länger für die Gestaltung und Einbindung in LOOP als Interaktion empfohlen. LOOP setzt für die Zukunft auf reine HTML-Interaktionen und welche mit dem Tag <loop_zip> </loop_zip> eingebunden werden.

Beispiel

Code:

<loop_zip file="begriff_destination_1_pro_igr_de.zip" start="begriff_destination_1.html" width="700px" height="350px"> </loop_zip> </loop_zip>

Ergebnis:

Auszeichnung ins Medienverzeichnis[]

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

Beispiel

Code:

<loop_media type="click" title="Definition Destination" description="Für weitere Informationen klicken Sie bitte auf die Überschriften."> <loop_zip file="begriff_destination_1_pro_igr_de.zip" start="begriff_destination_1.html" width="700px" height="350px"> </loop_zip> </loop_media>

Ergebnis:

Med. : Definition Destination

Für weitere Informationen klicken Sie bitte auf die Überschriften.

@@ Zeile 21: / Zeile 21: @@
 <loop_area type="example">
 '''Code:'''
-<code><loop_media type="rollover" title="Rollover Grafik" description="Betrachtungsweisen
+<code>
-BPM">
+<loop_media type="click" title="Definition Destination" description="Für weitere Informationen klicken Sie bitte auf die Überschriften.">
-<loop_zip file="betrachtungsweisen_bpm.zip" start="betrachtungsweisen_bpm_pro_igr_de
+<loop_zip file="begriff_destination_1_pro_igr_de.zip"
-.html" width="700px" height="400px">
+start="begriff_destination_1.html"
+width="700px" height="350px">
 </loop_zip>
-</loop_media></code>
+</loop_media>
+</code>
 '''Ergebnis:'''
-<loop_media type="rollover" title="Rollover Grafik" description="Betrachtungsweisen
+<loop_media type="click" title="Definition Destination" description="Für weitere Informationen klicken Sie bitte auf die Überschriften.">
-BPM">
+<loop_zip file="begriff_destination_1_pro_igr_de.zip"
-<loop_zip file="betrachtungsweisen_bpm.zip" start="betrachtungsweisen_bpm_pro_igr_de.html" width="700px" height="400px">
+start="begriff_destination_1.html"
+width="700px" height="350px">
 </loop_zip>
 </loop_media>
 </loop_area>
-Showroom-Beispiel (HTML5):
-<code>
-<loop_media type="click" title="Definition Destination" description="Für weitere Informationen klicken Sie bitte auf die Überschriften."> <loop_zip file="begriff_destination_1_pro_igr_de.zip"
-start="begriff_destination_1.html"
-width="700px" height="350px">
-</loop_zip></loop_media>
-<loop_print>
-<loop_figure title="Definition Destination"> [[file:begriff_destination_1.png]]
-</loop_figure>
-</code>