在页面中发布图像以设计购物车答案

【问题标题】：Posting images in the page to design a shopping cart在页面中发布图像以设计购物车
【发布时间】：2015-05-14 09:49:33
【问题描述】：

我的网页设计中有一个模块可以上传最多 8 张图片，最后主图必须在顶部，其他 7 张图片在主图下方按水平顺序排列，如何实现？

【问题讨论】：

标签： jsp servlets

【解决方案1】：

window.onload = init;
function init()
{
  var td = document.getElementsByTagName("td");
  for(var i = 0; i < td.length ; i ++ )
    td[i].onclick = changeImage;
}

function changeImage()
{
  var span = document.getElementById("main");
  span.innerHTML = this.innerHTML
}

td {
background-color : red;  
}

<div>
  <span id="main">Default</span>
  </div>
<table>
  <tr>
    <td>First Cell</td>
    <td>Second Cell</td>
  </tr>
</table>

主图像有一个div 标记和一个表格，其中一行和图像是相应大小的表格单元格数据。对于该行为，为表格单元格数据编写一个 javascript，并在单击时更改 div 图像。

图片。在主 div 中有一个图片标签，并将图片的 src 属性更改为被点击的图片

【讨论】：