Jquery 使divs背景图像在其内部重复源文件

我想知道是否有一种方法可以使用jQuery拍摄图像并将其重复到div的背景中。例如，在div中有一些旋转图片，例如：

<div id="slides">
   <img src="http://placehold.it/1024x200">
   <img src="http://placehold.it/1024x200">
</div>

因此，当这些img文件旋转时，它们会重复出现在其父div（即#幻灯片）的背景中。我知道这可能看起来是多余的，但它是应用一个快速修复我的问题，而不是重新编码整个网站

---

谢谢

您需要添加一个类或id标记来表示图像或执行内联css

第一种方法需要以某种方式标记图像

然后在你的css

背景中重复：重复

或者第二种方法应用内联样式


如果您正在寻找javascript版本，还需要使用类或id标记图像以引用它

然后你就可以打字了

$(".image-class").style("background-repeat","repeat")

为了使它们只适合于它们的边界框，可以通过混淆溢出或宽度和高度
用一幅图像重复背景最简单的方法是使用css

div#slides{
  image:url('http://placehold.it/1024x200')
  background-repeat:repeat-y
}

但听起来你更想要幻灯片。有一些jQuery插件可以做到这一点，这可能是你最好的选择

基本的原始代码是这样的。我没有测试它，但你应该知道

function ghettoSlideShow() {
    $("div#slides", "img").hide(); //Hide all the images
    $("div#slides", "img").each(i) {
      $(this).fadeIn(slow); //Foreach image show it
    }
    ghettoSlideShow(); //Do it again
}