如何检测css背景url

How to detect css background url

本文关键字：css 背景 url 检测 何检测      更新时间：2023-09-26

我想让滑动效果来改变背景图像，但它卡住了!

这是我的代码:


$('#AAA').swipeleft(function() {
   var BG = document.getElementById("AAA").style.backgroundImage;
   if (BG = "url('../Image/002.jpg')") {
      $('#AAA').css('background-image','url(../Image/003.jpg)');
   };
   if (BG = "url('../Image/003.jpg')") {
      $('#AAA').css('background-image','url(../Image/004.jpg)');
   };
});

您的条件应该包含==操作符。没有一个=。您需要比较这些值，而不是赋值。

您忘记了替换图像中的引号，等号操作符应该是==，而不是=。当你比较一个字符串和另一个字符串时，引号很重要。请检查一下，你就能正常工作了。下面是点击触发的开关效果示例:

$("#myDiv").click(function(){
  
  var BG = $(this).css("background-image");
  console.log(BG);
  if(BG == 'url("http://lorempixel.com/400/200/")') {
    $(this).css("background-image", "url('http://lorempixel.com/400/300/')");
  } else if(BG == 'url("http://lorempixel.com/400/300/")') {  
    $(this).css("background-image", "url('http://lorempixel.com/400/200/')");
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="background:black url('http://lorempixel.com/400/200/'); width: 200px; height: 200px;" id="myDiv"></div>

相关文章：