<分区>
我正在构建一个新网站并寻找解决此问题的方法(PHP、MySQL，使用 Zurb Foundation)。
我想创建一个我可以放大和缩小的图像，它将由 1,000,000 block 组成。 每一 block 都应该是可点击的，点击后更多信息应该从后端到达。 每件作品的颜色也取决于来自数据库的信息。这些碎片就像像素。
所以 - 三个困境:
- 如何构建数据？
- 如何创建包含可点击片段但没有图像的图像？
- 如何调整页面以使其加载速度不慢？
谢谢! 达娜
标签 javascript php html mysql css
<分区>
我正在构建一个新网站并寻找解决此问题的方法(PHP、MySQL，使用 Zurb Foundation)。
我想创建一个我可以放大和缩小的图像，它将由 1,000,000 block 组成。 每一 block 都应该是可点击的，点击后更多信息应该从后端到达。 每件作品的颜色也取决于来自数据库的信息。这些碎片就像像素。
所以 - 三个困境:
谢谢! 达娜
最佳答案
所以你可能想使用一个表来存储你所有的图像:
<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 数据库获取的变量。
胡言乱语
关于javascript - 使用 CSS 和 Javascript 创建图像/网格解决方案，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25424939/
相关文章：
javascript - 使用 Jasmine 监视构造函数
php - 使 PHPdoc 包含 CakePHP .ctp 文件
python - 如何通过类python中的特定子字符串查找带有类字符串的span
css - 对齐三个div : one of them containing an image and the other two text
jQuery slider 向上/向下 + Twitter 小部件冲突？
javascript - 希望用户能够确定 Chrome 扩展的 css/js 应用于哪些 URL
javascript - 为什么 Math.toString() 返回 [object Math]？
javascript - python的 Mechanize 和形式: javascript string returned