算法 问一个功能的实现,图片组合的功能是怎么实现的

s6520643 · 2011年12月14日 · 最后由 RobinWu 回复于 2012年02月04日 · 3228 次阅读

http://sfeed.com/set/1344/ 这个图片组合的功能是怎么实现的?谢谢

我感觉是用户通过它在线的编辑器堆成这样的。然后网站保存一张整体的图片。 你可以注册一个用户验证一下我的猜测 :)

2 楼 已删除

这是一张完整的图,然后一堆 link 手动按 x,y 和长、宽写 css,产生这种效果。 其实有种更简单的方法实现,就是 map,可以参考 http://www.w3schools.com/tags/tag_map.asp 话说估计这个网站用 link+css 来实现是为了 seo 的缘故?搜索引擎或许不抓 map?

这个效果 flickr 上应用了很久了。 就是一张图上面放置不同的链接,设置不同的尺寸、位置和 z-index,完全是 html + Css,用 firebug 查看一下代码就清楚了。

#1 楼 @poshboytl 用户后台是有个在线编辑器,是 flash 的,拖拽图片组合,最后生成一个完整的图,像他们网站这种 flash 编辑器,有类似开源的吗?

看源码就知道了

<div class="setarea-static">
  <img src="http://img.sfeed.com/437924a5f30ea7a18e2b6779430d96a1.jpg" width="500">
  <a href="/item/10185/" class="component" style="top:0px; left:0px; z-index:10; width:206px; height:285px"></a>
  <a href="/item/10167/" class="component" style="top:73px; left:165px; z-index:12; width:208px; height:375px"></a>
   ...
</div>
```code``` 
需要 登录 后方可回复, 如果你还没有账号请 注册新账号