Question

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

Answer 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属性更改为被单击的图像

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

1 个答案: