إضافة class إلى علامات img باستخدام JavaScript
أحد الأسئلة المتعلقة بهذه المشكلة انه يريد اضافة تأثير على الصورة و لا يمكنه ذلك الا بإضافة class او id للصورة و الافضل ان نضيف الكلاس فقط و لنتعرف على سؤال احد المتابعين :
"أحاول إضافة تأثير Image Hover Shadow Effect مع CSS إلى صوري ولكي يعمل ذلك ، يتعين علي إضافة فصل دراسي إلى جميع علامات img الخاصة بي ، وهو أمر غير ممكن يدويًا لذا أحاول اكتب javascript الذي يفعل ذلك ويستخدم jquery "
حل مشكلة الصور img ليس بها Class
فلحل هذه المشكلة على الأغلب نضيف كود برمجي من الجافا سكريبت لحل هذه المشكلة لانه غالبا بعض الصور تكون مبرمجة في المشاركة و لا يمكن اضافة لها ال class الا بكود برمجي
إضافة class إلى علامات img باستخدام JavaScript
اولا ستحتاج الى مكتبة jquery بحيث تقوم بنسخ الرابط التالي و تضعه تحت وسم <head> :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js'/>
لنتابع …
يحتاج إلى إضافة فئة إلى علامة img من هذا
الى هذا
لإضافة class إلى جميع الصور الموجودة على صفحتك باستخدام jQuery استخدم الكود التالي :
