如何为ajax生成的图像设置绝对位置

我想为由ajax生成的所有图像设置绝对位置。如何为ajax生成的图像设置绝对位置

这里是我的代码，

for loop... 

    var imagediv = document.getElementById('image_layout'); 

//generate many images 
    imagediv.innerHTML= imagediv.innerHTML + "<div class='imgDiv'>" + "<a href=\"#\""><img src=\"" + mystuff.list[n].imgPath \"" + "\")\"" + "></a></div>"; 

//The image shows correctly but I want to set all of them in absolute position so I can create other effects.

我不知道如何做到这一点和感激，如果有人能帮助我在这里。非常感谢！！

来源

2012-08-06 FlyingCat

你可以只用CSS做到这一点。 '.imgDiv img {position：absolute;}' – ahren 2012-08-06 23:57:17

@ahren是的我知道，但是我的循环会生成很多图像，并且所有图像都会堆叠起来，不确定这里要做什么。 – FlyingCat 2012-08-07 00:02:14

我没有看到任何AJAX事情，但在任何情况下，如果你正在使用jQuery再取它充分利用：

var imgs = [] 
var $wrap = $('#image_layout') 

for (...) { 
    imgs.push(
    "<div class='imgDiv'>"+ 
     "<a href='#'><img src='"+ mystuff.list[n].imgPath +"'/></a>"+ 
    "</div>" 
) 
} 

// Append everything at last for best performance 
$wrap.append(
    $(imgs.join('')) 
    .css('position', 'absolute') 
)

来源

2012-08-07 00:01:52 elclanrs

Ty。该代码将使我的图像绝对，但他们将堆叠在一起。有什么方法可以解决这个问题吗？ +1 – FlyingCat 2012-08-07 00:11:21

当然他们会，这是绝对的位置，你可能想漂浮的图像，而不是... – elclanrs 2012-08-07 00:14:58

嗯..我需要使所有的图像绝对和像谷歌图像引擎放置。我猜我必须用其他代码来计算位置...... – FlyingCat 2012-08-07 00:17:28

如何为ajax生成的图像设置绝对位置

回答

相关问题