Question

我即将制作一个投资组合，在您点击的链接后，背景会发生变化但我只能用它来处理一个图像

像这样：

$(document).ready(function() {
 $('img.thumb').click(function() {
  $('#bgimg').fadeOut(500, function() {
   $(this).css('background-image', 'url(img/myfoto.jpg)');
  }).fadeIn(500);
 });
});

但是我希望它能够工作，所以当我点击.thumb时它会从那里获取src并将其用作url

像这样:(但它不起作用）

$(document).ready(function() {
 $('img.thumb').click(function() {
  $('#bgimg').fadeOut(500, function() {
   $(this).css('background-image', '$('.thumb').attr('src')');
  }).fadeIn(500);
 });
});

Answer 1

首先，你要创建一个你不想要的字符串。这将是正确的代码行：

$(this).css('background-image', $('.thumb').attr('src'));

更好的方法是使用this，因为它是对点击的实际图片的引用。

$(document).ready(function() {
 $('img.thumb').click(function() {
  var bgSrc = $(this).attr('src'); // get the source of the image clicked
  $('#bgimg').fadeOut(500, function() {
   $(this).css('background-image', bgSrc); // and apply it to #bgimg
  }).fadeIn(500);
 });
});

完整的背景更改jquery

1 个答案: