3.11.7 Drag ´n´ Drop-Interaktionen einbinden

[unmarkierte Version]

Version vom 9. Februar 2016, 14:52 Uhr

Allgemein werden Shockwave-Flashdateien (.swf) nicht länger für die Gestaltung und Einbindung in LOOP 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="gefahrstoffsymbole_pro_task_de_700x470.zip" start="gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"></loop_zip> </loop_zip>

Ergebnis:

</loop_zip>

Auszeichnung ins Medienverzeichnis[]

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

Beispiel

Code:

<loop_media type="dragdrop" title="Klick Interaktion" description="Gefahrstoffsymbole"> <loop_zip file="gefahrstoffsymbole_pro_task_de_700x470.zip" start="gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"></loop_zip> </loop_media>

Ergebnis:

Med. : Klick Interaktion

Gefahrstoffsymbole

@@ Zeile 1: / Zeile 1: @@
-Button:
+Allgemein werden Shockwave-Flashdateien (.swf) nicht länger für die Gestaltung und Einbindung in LOOP empfohlen. LOOP setzt für die Zukunft auf reine HTML-Interaktionen und welche mit dem Tag <tt><nowiki><loop_zip> </loop_zip></nowiki></tt> eingebunden werden.
-<code>
-<loop_media type="dragdrop" title="" description="">
+<loop_area type="example">
-[[file:beispiel.swf]]
+'''Code:'''
-</loop_media>
+<code><loop_zip file="gefahrstoffsymbole_pro_task_de_700x470.zip" start="gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"></loop_zip>
-</code>
+</loop_zip></code>
+'''Ergebnis:'''
+<loop_zip file="gefahrstoffsymbole_pro_task_de_700x470.zip" start="gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"></loop_zip>
+</loop_zip>
+</loop_area>
+=== Auszeichnung ins Medienverzeichnis ===
+Soll die Klick-Interaktion im Medienverzeichnis aufgelistet werden, dann verwenden Sie folgende Bereichskennzeichnung.
-Showroom-Beispiel(HTML5):
+<loop_area type="example">
+'''Code:'''
 <code>
 <loop_media type="dragdrop" title="Klick Interaktion" description="Gefahrstoffsymbole">
@@ Zeile 14: / Zeile 21: @@
 </loop_media>
 </code>
+'''Ergebnis:'''
+<loop_media type="dragdrop" title="Klick Interaktion" description="Gefahrstoffsymbole">
+<loop_zip file="gefahrstoffsymbole_pro_task_de_700x470.zip" start="gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"></loop_zip>
+</loop_media>
+</loop_area>