• 0

كيف أغيّر مسار صورة 'src' باستخدام Jquery؟

لدي الصورة التالية:

<img src="../template/edit.png" name=edit-save/>

وقمت باضافة وسم الرابط <a> لها حتى أربطها بدالة داخل Jquery:

<a href='#' onclick='edit()'><img src="../template/edit.png" id="edit-save"/></a>

دالة edit على Jquery:

function edit()
{   
    var inputs = document.myform;
    for(var i = 0; i < inputs.length; i++) {
        inputs[i].disabled = false;
    }
}

أريد تغيير scr الخاصة بالصورة:

var edit_save = document.getElementById("edit-save");
    edit_save.onclick = function(){
       this.src = "../template/save.png";
    }

الكود لا يعمل، فكيف أتمكن من فعل ذلك بشكل صحيح؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يمكن تغيير مصدر الصورة src عن طريق مكتبة Jquery، بالشكل التالي:

document.getElementById("imageid").src="../template/save.png";

بعض الحالات الشائعة لاستعمال تغيير مصدر الصورة:

  • تغيير الصورة عند وضع مؤشر الفأرة عليها:
$(function() {
    $("img")
        .mouseover(function() { 
            var src = $(this).attr("src").match(/[^\.]+/) + "over.gif";
            $(this).attr("src", src);
        })
        .mouseout(function() {
            var src = $(this).attr("src").replace("over.gif", ".gif");
            $(this).attr("src", src);
        });
});
  • تغيير الصورة عند الضغط على زر أو القيام بحدث معيّن:
$('#my_image').on({
    'click': function(){
        $('#my_image').attr('src','second.jpg');
    }
});

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن