Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- en:modul:m291:learningunits:lu05:loesungen:13 [2025/03/14 14:53] – angelegt vdemir
+++ en:modul:m291:learningunits:lu05:loesungen:13 [2025/03/28 11:23] (aktuell) – vdemir
@@ Zeile 1: / Zeile 1: @@
-====== LU05.S12 - v-show simple ======
+====== LU05.S13 - v-show simple applied to images ======
 ===== Hints ====
@@ Zeile 6: / Zeile 6: @@
   * The result will be presented in the right hand side of the window.
-===== Assignment =====
+===== Assignment ======
-Using the v-show directive by manipulate the value of the showDiv.
+This assignment about fading-in and fading-out of images by using the vue-directive v-show in the concerning HTML-Tag. Similar to the previous assignment this is realized by changing the value of the v-show-attribute between //TRUE// and //FALSE//.
-{{ :en:modul:m291:learningunits:lu05:loesungen:lu05.s12.zip | Codesolution of v-show simple}}
+  - Click the link above to the code-exambpe to get to the W3School-TryOut area.
+  - Save the code with a suitable name, such as LU05.S13.html.
+  - Have it run by clicking the //run-button//.
+  - Search in the internet for images of bulbs and save it in your workspace in the director //media//
+  - Create a own image-tag.
+  - Use the v-show directive for the visibality of the bulb by stearing it with the //v-show// by changing the value of //showDiv// between //true// and //false//.
+  - Note the result as a html-comment und beobachten Sie die Reaktion der Applikation.
+  - Save your result, you may need it as a exam-preparation.
+===== Solution =====
-{{:en:modul:m291:learningunits:lu05:loesungen:lu05.s12_v-show.png?800|Simple v-show}}
+{{ :en:modul:m291:learningunits:lu05:loesungen:lu05.s13.zip | Codesolution of v-show simple}}
+{{:en:modul:m291:learningunits:lu05:loesungen:lu05.s13_v-show.png?1200|Codesolution of v-show simple}}
 ----
 [[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir