السلام عليكم ورحمة الله ، كيف حالكم ، أتمنى أن تكون بخير
لدي سؤال : كيف أغير قيمة داخل رابط موجود في background في CSS
المثال :
<a class="gf" href="#" style="background:url(
no-repeat center center;background-size: cover">
لأغير s1600 ب 72-c
بالجيكوري طبعا
شكرا
document.body.style.background = document.body.style.background.replace(/url\(([\s\S]*?)\)/i, function(x){
return x.replace(/\/s\d+\//, "/c-s72/");
});
@zakariamouhid شكرا لك
لكن الكود لم يعمل
هل يمكن جعله بهذا الشكل :
$('.gf').attr('src', function(i, src) { return src.replace('s1600', 's72-c'); });
$(".gf").each(function () {
var a = $(this)[0];
a.style.background = a.style.background.replace(/url\(([\s\S]*?)\)/i, function(x){
return x.replace(/\/s\d+\//, "/c-s72/");
});
});
لا أدري لماذا كل هذه الأكواد الطويلة يكفي أن تكتب التالي
$(".gf").css("background:", "url(ضع الرابط المطلوب هنا) no-repeat center center;background-size: cover");
يمكنك وضع هذا الكود داخل الحدث الذي تريد تغير رابط الخلفية عند وقوعه
فهمت عليك اتفضل
$(document).ready(function(){
var style = $(".gf").attr("style");
var res = style.replace("s1600", "72-c");
$(".gf").attr("style",res);
});
التعليقات