【问题标题】:HTML Mosaic - coding possibilitiesHTML Mosaic - 编码可能性
【发布时间】:2014-12-30 00:17:12
【问题描述】:

我必须在网页上编写一个大图片马赛克,我想知道最好的编码方法是什么,所以这个解决方案在编程和以后维护/更改时不会很复杂。

这是一个马赛克设计,每张图片都可以改变,黑白和彩色。

我在考虑 3 种不同的方法:

  1. <table> 解决方案,
  2. <div> 并且每个 div 都在 CSS 中设置了 position:absolute
  3. <div> 并使用 JS 放置(带有位置/大小的数组)。

还有其他想法吗?

【问题讨论】:

  • 你遇到过砖石吗? masonry.desandro.com 看起来它可能会帮助您实现这种类型的布局。 Isotope 也是另一个 JS 替代品 isotope.metafizzy.co
  • 我不认为那张桌子是要走的路。
  • 只是想添加 :-) 马赛克只是第一步,在我做马赛克骨架之后,我必须添加很多不同的代码(CMS + 我的自定义 Javascript 照片编辑器等)
  • 还有其他人认为有人试图让网页在 Mosiac 浏览器中运行吗? :-)

标签: javascript html css mosaic


【解决方案1】:

你见过this page here吗?我可以想象用这些解释来做你的骨架和你的进一步计划会很容易。 :-)

【讨论】:

  • 欢迎来到stackoverflow!很高兴看到你在帮忙,下一次,试着对这个问题做更多的预测。在这种情况下,请指定问题中建议的 3 种方法在您的情况下采用哪种方法?
  • 哈!第一个答案,我忘记了一半的东西。对不起!我链接的页面的创建者使用 div 和 javascript 做了一些事情,所以它朝着建议三的方向发展。我不知道在为马赛克做骨架之后的计划,但我认为如果用户只想使用 html、css 和 js,这将是最好的方法。
猜你喜欢
  • 2010-11-16
  • 2010-10-06
  • 2012-07-07
  • 1970-01-01
  • 2018-11-03
  • 1970-01-01
  • 1970-01-01
  • 2013-08-06
  • 1970-01-01
相关资源
最近更新 更多