Question

我正在使用boxskitter幻灯片，它会创建一些带有类＆＃34; box_clone＆＃34;的div。在第一个动画发生后，将图像放入其中。我想选择这些图片来改变它们的尺寸我试过这个

$(document).ready(function(e) {
var w = $("body").width();
var h = $("body").height();
alert(w);
$(".box_skitter.box_skitter_large,.container_skitter").css({"width":w,"height":h});
$(".box_clone img").each(function(index, element) {
    $(this).css({"width":w,"height":h});
});
$(".box_skitter.box_skitter_large img").css({"width":w,"height":h});
});

但它没有任何帮助吗？

Answer 1

skitter-slider.net有一个onLoad活动，您可以将代码放入。我等待您的实际代码，但它应该是这样的：

var w = $("body").width();
var h = $("body").height();
$('.box_skitter_large').skitter({ onLoad: function(self) { 
      $(".box_skitter.box_skitter_large,.container_skitter").css({width:w,height:h});
      $(".box_clone img").css({width:w,height:h});
      $(".box_skitter.box_skitter_large img").css({width:w,height:h});
    } 
});

理论上说，skitter在之后调用了这个回调函数，它已经对DOM结构进行了所有更改。

作为self，在onLoad中传递，很可能是连接到的元素，你可以简化你的选择器代码以使用它+你的后代元素选择器

如果第一次不能正常工作，真的需要一个JSFiddle模型来测试它。

替代CSS：

由于您似乎正在将整个滑块及其所有元素设置为页面大小，因此您可以使用CSS完成所有操作。像这样：

html,body,.box_skitter.box_skitter_large,.container_skitter,.box_clone img, .box_skitter.box_skitter_large img{ width: 100%; height: 100%; }

如何选择由jquery幻灯片创建的图像和div

1 个答案:

替代CSS：