إضافة class إلى علامات img باستخدام JavaScript

إضافة 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 استخدم الكود التالي :



    ليس صعبا جدا أيضا من غير jQuery



أعط معرفا لصورتك ، لنفترض أنها kpimg  ثم اكتب هذا jquery إذا كنت تريد إضافة فئة إلى أي علامة img محددة
طبعا هذه الاكواد ربما تنجح مع البعض و البعض الاخر لا ، فلماذا ؟
لان بعض القوالب مصممة على عدم فهم هذا الكود البرمجي او هناك اكواد اخرى تسيطر عليه .


إقرأ أيضا

💬تعليقات