++ Animation fixed in Home pic.

++"Dark Mode"

src/components/CImgPoster/CImgPoster.ts

@@ -2,7 +2,7 @@ import { defineComponent, PropType, ref } from 'vue'
 
 import { tools } from '@src/store/Modules/tools'
 import { shared_consts } from '@src/common/shared_vuejs'
-import { IAnim } from '@src/model'
+import { IAnim, IElemText } from '@src/model'
 
 export default defineComponent({
   name: 'CImgPoster',
@@ -27,40 +27,25 @@ export default defineComponent({
       required: false,
       default: 0,
     },
-    legendinside: {
-      type: String,
+    elemsText: {
+      type: Array,
       required: false,
-      default: '',
+      default: () => {
+        return []
+      }
     },
-    legend: {
-      type: String,
-      required: false,
-      default: '',
-    },
-    classTitle: String,
-    classSubtitle: String,
-    colorTitle: String,
-    colorSubtitle: String,
     vertalign: Number,
+    anim: { type: Object as PropType<IAnim>,
+      required: false,
+      default : () => {
+        return {name: '', clduration: '', cldelay: '', timingtype: 'ease-in-out'}
+      },
+    },
     speed: {
       type: Number,
       required: false,
       default: 1
     },
-    anim: {
-      type: Object as PropType<IAnim>,
-      required: false,
-      default: () => {
-        return { name: '', clduration: '', cldelay: '' }
-      },
-    },
-    anim2: {
-      type: Object as PropType<IAnim>,
-      required: false,
-      default: () => {
-        return { name: '', clduration: '', cldelay: '' }
-      },
-    },
     logo: String,
     logoheight: String,
     logowidth: String,

src/components/CImgPoster/CImgPoster.vue

@@ -1,10 +1,16 @@
 <template>
   <div class="poster_shadows shadow-3">
+
     <q-parallax
-      :src="getsrc()"
       :speed="speed ? speed : 1"
-      :height="myheight ? myheight : undefined"
     >
+      <template v-slot:media>
+        <img
+          :class="tools.getClassAnim(anim)"
+          :src="getsrc()"
+        />
+      </template>
+
       <template v-slot:content="scope">
         <div
           :class="`column items-center ` + myclass()"
@@ -15,6 +21,7 @@
           <img
             v-if="logo"
             :src="logo"
+            :class="tools.getClassAnim(anim)"
             :style="
               logowidth
                 ? `width: ` + logowidth + `px; + `
@@ -23,30 +30,18 @@
                 : undefined
             "
           />
-          <div
-            :class="classTitle + ` ` + tools.getClassAnim(anim)"
-            :style="` color:` + colorTitle"
-          >
-            {{ title }}
+          <div v-for="(rec, index) in elemsText" :key="index">
+            <div
+              v-if="rec"
+              :class="
+                rec.class + ` ` + rec.size + ` ` + tools.getClassAnim(rec.anim)
+              "
+              :style="` color:` + rec.color"
+              v-html="rec.text"
+            ></div>
           </div>
-          <div
-            v-if="legendinside"
-            :class="classSubtitle + ` ` + tools.getClassAnim(anim2)"
-            :style="` color:` + colorSubtitle"
-            v-html="legendinside"
-          ></div>
         </div>
       </template>
-      <div>
-        <!--<q-img
-          v-if="logo"
-          :src="tools.getImgFileByElem(logo)"
-          :fit="fit"
-          class="img"
-          :width="logowidth ? logowidth : undefined"
-          :height="logoheight ? logoheight : undefined"
-        ></q-img>-->
-      </div>
     </q-parallax>
   </div>
 </template>