jQuery:将多个图像添加到div中

时间:2015-01-21 14:48:33

标签: jquery

我是jQuery的新手,并尝试通过选择多个图片代码同时将多个图片添加到一个div:

$("#img1").attr("src","static/images/S1.png");
$("#img2").attr("src","static/images/S2.png");  

目标HTML是:

<div id="stim">
   <img id="img1">
   <img id="img2">
</div>

我希望两个图像分别左右对齐,因此与图像关联的样式为:

#img1 {
  float: left;
  width: 200px;
}

#img2 {
  float: right;
  width: 200px;
}

问题是只显示一个图像。

谢谢!

2 个答案:

答案 0 :(得分:0)

我的提示是两个图像中的一个返回mybe的httpstate 404,容器div的样式并不够大。

答案 1 :(得分:0)

您的代码应该有效。你可以在fiddle中测试它,它可以正常工作。

$("#img1").attr("src",current_img1);
$("#img2").attr("src",current_img2); 

所以也许图片网址错了或类似的东西。检查你的控制台(F12),看看是否显示一些错误