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

Badraoui · 4 يناير 2016

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

<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";
    }

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

E.Nourddine · 4 يناير 2016

يمكن تغيير مصدر الصورة 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');
    }
});

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

السؤال

Badraoui

1 جواب على هذا السؤال

Recommended Posts

E.Nourddine

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية