بدء تأثير wow عند الوصول للعنصر في الصفحة

نقوم بإضافة class باسم wow للعنصر المراد تأخير ظهور التأثيرات عليه

<div class="wow">
  <!-- المحتوى -->
</div>

ثم نقوم بتخصيص نوع الحركة, ولتكن مثلا bounceInUp

<div class="wow bounceInUp">
  <!-- المحتوى -->
</div>

ثم نفعّل خيار التأخير عند إنشاء الكائن wow

var wow = new WOW(
  {
    ...
    boxClass:     'wow', // wow: اسم الكلاس الذي سيطبق عليه الحركة عند الوصول إليها
  }
)
wow.init();

بتاريخ 18 ساعات قال Alfakiat:

ثم نفعّل خيار التأخير عند إنشاء الكائن wow

var wow = new WOW(
  {
    ...
    boxClass:     'wow', // wow: اسم الكلاس الذي سيطبق عليه الحركة عند الوصول إليها
  }
)
wow.init();

 

شكرا علي الرد 

ولكن لم تنفع مازالت التأثيرات تظهر دفعة واحدة😔

بتاريخ On 3/23/2021 at 14:30 قال خالد عبدالناصر:

شكرا علي الرد 

ولكن لم تنفع مازالت التأثيرات تظهر دفعة واحدة😔

ممكن تزودنا بالكود الذي تعمل عليه؟

بتاريخ 9 ساعات قال Alfakiat:

ممكن تزودنا بالكود الذي تعمل عليه؟

ها هو الملف 

شكرا لك.

shoe.rar

ملف WOW.js يحتوي على أخطاء ومشاكل, بحيث تظهر جميع التأثيرات بنفس الوقت

أرفقت لك نسخة محدثة من WOW.js بحيث تظهر التأثيرات عند الوصول إليها, ضعه في مجلد js

وما عليك إلا استدعاء ملف WOW2.js مباشرة, وبداخله يوجد إنشاء الكائن لتطبيق التأثيرات

بدلًا من

        <script src="./js/WOW.js"></script>

قم باستبداله

        <script src="./js/WOW2.js"></script>

WOW2.js