Question

我想在网站加载到移动设备上时，和/或当屏幕小于767px时，用jQuery替换内联背景图像。

该网站是我尝试这样做的地方：http://vormgegeven.com/

我试图替换的图像是主页（滑块）上的第一个图像（蓝天带有＆＃39; vormgegeven。＆＃39;）。

这一切都可以在我的桌面上正常工作，但不能在我的任何移动设备上使用。我首先尝试提醒旧的背景图像src，检查我是否可以访问它，但是警告回复了“没有”#c;在移动设备上（在桌面上工作正常）。

这似乎是一个css定位问题，但我无法弄清楚我做错了什么。

希望有人能帮助我。

这是jQuery代码：

function replacePrimarySliderImage() {
    $oldImg = $("#mainImageHolder .primaryHolder .parallax-slider-img").css('background-image');
    alert($oldImg);
    $newImg = $oldImg.replace("vormgegeven.jpg","vormgegeven_mobile.jpg");
    $( "#mainImageHolder .primaryHolder .parallax-slider-img" ).css("background-image", $newImg);
}

Answer 1

试试这个：

function replacePrimarySliderImage() {

    $newImg = "vormgegeven_mobile.jpg";
    $( "#mainImageHolder .primaryHolder .parallax-slider-img" ).css("background-image", $newImg);
}

替换不在moblie设备上工作的background-image bij jQuery

1 个答案: