3.11.7 Drag ´n´ Drop-Interaktionen einbinden

[gesichtete Version]

Version vom 14. Dezember 2020, 14:26 Uhr

Hinweis

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 HTML5-Interaktionen und welche mit dem Tag <loop_zip> </loop_zip> eingebunden werden.

Im folgenden Beispiel sehen Sie die Einbindung einer Drag'n'Drop-Interaktion:

Syntax: <loop_zip file="gefahrstoffsymbole_pro_task_de_700x470.zip" start= "gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"> </loop_zip>

Ergebnis:

Auszeichnung ins Medienverzeichnis[]

Soll die Drag'n'Drop-Interaktion im Medienverzeichnis aufgelistet werden, dann verwenden Sie folgende Bereichskennzeichnung.

Syntax: <loop_media type="dragdrop" title="Klick Interaktion" description= "Gefahrstoffsymbole" id="5fd759e532b77"> <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. 8: Klick Interaktion

Gefahrstoffsymbole

@@ Zeile 18: / Zeile 18: @@
 <code>
 <loop_media type="dragdrop" title="Klick Interaktion" description=
-"Gefahrstoffsymbole">
+"Gefahrstoffsymbole" id="5fd759e532b77">
 <loop_zip file="gefahrstoffsymbole_pro_task_de_700x470.zip" start=
 "gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px">
@@ Zeile 26: / Zeile 26: @@
 '''Ergebnis:'''
-<loop_media type="dragdrop" title="Klick Interaktion" description="Gefahrstoffsymbole">
+<loop_media type="dragdrop" title="Klick Interaktion" description="Gefahrstoffsymbole" id="5fd759e532b7e">
 <loop_zip file="gefahrstoffsymbole_pro_task_de_700x470.zip" start="gefahrstoffsymbole_pro_task_de.html" width="700px" height="470px"></loop_zip>
 </loop_media>