Question

我正在构建一个新网站并寻找解决此问题的解决方案（PHP，MySQL，使用Zurb Foundation）。

我想创建一个可以放大和缩小的图像，它将由1,000,000件组成。每个部分都应该是可点击的，点击后，更多信息应该从后端到达。每件作品的颜色也取决于来自DB的信息。这些碎片就像是像素。

所以 - 三个困境：

如何构建数据？
如何使用没有图像的可点击部分创建图像？
如何塑造页面以使其不会慢慢加载？

谢谢！德纳

Answer 1

因此，您可能希望使用表来存储所有图像：

<table>
  <tr>
    <td>   <a> Each small image </a>   </td>
    <td>   <a> Each small image </a>   </td>
  </tr>
  <tr>
    <td>   <a> Each small image </a>   </td>
    <td>   <a> Each small image </a>   </td>
  </tr>
</table>

虽然如果你这样做，你应该有小图像来改善加载时间。这应该会缓慢加载页面。

编辑：如果您尝试执行以下操作： http://css-tricks.com/examples/NineImages/ 但是规模要大于尝试制作一个使图像更大的javascript函数，并将图像的src设置为从mySql DB获取的变量。

加布

使用CSS和Javascript创建图像/网格解决方案

1 个答案: