如何在网页上将图像上传到最先出现的图像上？

我想创建一个网页，我可以上传一个新的图像，它会在页面左上角更新，然后其余的图像会被更新，其他图像会右移一个空格（就像在个人资料页面上在Instagram上）。我发现它可以与unshift（）（下面）一起工作，并且将保持在网页的边界内。然而，由于逗号，它会在图像之间留下间隙，所以我希望将图像拼凑在一起，以便它们在所有4个边缘处相互齐平（它看起来像是由许多方形图像组成的一个大矩形），我一直试图为它整天写一个代码并且一直没有用。任何人都可以帮忙吗？非常感激。如何在网页上将图像上传到最先出现的图像上？

<HTML> 
<body> 

<body onload="myfunction()"> 

<div class="content" id="content"></div> 

<script> 
var x = ["<img src=image1.jpg>", "<img src=image2.jpg>", "<img src=image3.jpg>", "<img src=image4>"]; 
document.getElementById("content").innerHTML = x; 

function myfunction() { 
    x.unshift("<img src=image5>", "<img src=image6>"); 
    document.getElementById("content").innerHTML = x; 
} 
</script> 

</body> 
</HTML>

来源

2014-06-05 user3712919

可能需要工作的一些造型到它摆脱空间 – Adjit

这样做的最佳方式是通过数据库，如果你想要它是持续的，但就间距而言，我只是用CSS修复它。尝试将每个图像放入不带填充/边距的span类中，并通过jQuery设置css。 – djbhindi

谢谢，我会去的。 – user3712919

使用加入JavaScript函数（参见this）

http://jsfiddle.net/7z5dL/1/

var x = ["<img src=image1.jpg>", "<img src=image2.jpg>", "<img src=image3.jpg>", "<img src=image4>"]; 
document.getElementById("content").innerHTML = x.join("");; 

function myfunction() { 
    x.unshift("<img src=image5>", "<img src=image6>"); 
    document.getElementById("content").innerHTML = x.join(""); 
}

来源

2014-06-05 21:24:58 faby

如何在网页上将图像上传到最先出现的图像上？

回答

相关问题