下面的代码可以很好地获取第一张图片的大小,然后将margin-top
和margin-left
添加到页面上的每个图片中。但是它使用第一张图像作为所有其他图像的基础。我如何循环并使用每个图像的大小来找到它应该用于margin-left和margin-top的值?
$j(document).ready(function () {
//get the image size:
var theHeight = $j("#co-logo img").height();
var theWidth = $j("#logo img").width();
//place them into the image styles:
$j("#co-logo img").css({ 'margin-top': -theHeight / 2 + "px", 'margin-left': -theWidth / 2 + "px" });
});
答案 0 :(得分:5)
您应该使用.each()
:
$j(document).ready(
function(){
$('#co-logo img').each(
function(){
var theWidth = $(this).width();
var theHeight = $(this).height();
$(this).css({'margin-top': -theHeight / 2 + 'px', 'margin-left': -theWidth / 2 + 'px'});
});
});
参考文献: