0

我一直在研究这个,但只能看到使用 .replace 的帖子和使用单个图像的其他方法。

不知道如何做到这一点,但把小提琴放在一起来展示我正在努力的方向。

滑块中有 img 需要被移除并应用到它们自己的父 div 作为 css 背景。如您所见,slide1 和 slide2 具有不同的 lorempixel url,但第一个 url 应用于两张幻灯片。

这是我正在使用的 jQuery:

$(document).ready( function(){

  var src = $('.page').find('img').attr('src');

  $('.page img').each(function() {

      $(this).parent().css('backgroundImage','url('+src+')');
      $(this).remove();

  });    

});

任何指导都会很棒

干杯

4

1 回答 1

1

改变了你的 jquery :

$(document).ready( function(){
  $('.page img').each(function() {
      $(this).parent().css('backgroundImage','url('+$(this).attr('src')+')');
      $(this).remove();
  });    

});

问题是当您执行 src 时,会为您提供图像源文件数组,而您并没有在循环中循环。适当地。

更新了 jsfiddle - http://jsfiddle.net/cse2u/3/

于 2013-01-14T23:02:19.993 回答