p***s 发帖数: 78 | 1 想建一个类似pinterest的网站,展示图片的位置必须根据前面已经展现的高度来决定
下个展示的位置。 用一个blcok来表示一块内容, 那么这块内容包括一张大图,下面
的一些文章,还有一张小图,比如发帖人的人脸。当计算这个block的高度的时候,这
两个图可能还没有load完,那么用callback来处理,img.onload。但是当有很多个
block需要展现时,这个callback变的非常复杂, 有没有什么办法来解决? |
p***s 发帖数: 78 | 2 从pinterest的图片load 过程 是先产生一个空白的有颜色背景的图,再load真实的图
,那么怎么产生这个有颜色背景的图 它的尺寸跟真实的图大小一致?
【在 p***s 的大作中提到】 : 想建一个类似pinterest的网站,展示图片的位置必须根据前面已经展现的高度来决定 : 下个展示的位置。 用一个blcok来表示一块内容, 那么这块内容包括一张大图,下面 : 的一些文章,还有一张小图,比如发帖人的人脸。当计算这个block的高度的时候,这 : 两个图可能还没有load完,那么用callback来处理,img.onload。但是当有很多个 : block需要展现时,这个callback变的非常复杂, 有没有什么办法来解决?
|
b***i 发帖数: 3043 | 3 首先你后台上载图片的时候可以把尺寸放进数据库,然乎动态生成页面的时候,把这个数
据和文字一起从数据库读出来,放在页面里面Javascript定义的一个数组里面,然后页
面里面写好Javascript的代码,在客户端设置位置。这样实现设计和网页服务的分离。
当然也可以仍然在生成页面的时候就设定,但是这样前台和设计耦合太强了。
【在 p***s 的大作中提到】 : 想建一个类似pinterest的网站,展示图片的位置必须根据前面已经展现的高度来决定 : 下个展示的位置。 用一个blcok来表示一块内容, 那么这块内容包括一张大图,下面 : 的一些文章,还有一张小图,比如发帖人的人脸。当计算这个block的高度的时候,这 : 两个图可能还没有load完,那么用callback来处理,img.onload。但是当有很多个 : block需要展现时,这个callback变的非常复杂, 有没有什么办法来解决?
|
c*******2 发帖数: 66 | 4 Do at client side and TX "out of band".
【在 p***s 的大作中提到】 : 从pinterest的图片load 过程 是先产生一个空白的有颜色背景的图,再load真实的图 : ,那么怎么产生这个有颜色背景的图 它的尺寸跟真实的图大小一致?
|
p***s 发帖数: 78 | 5 pre-calculating the image size is an easier solution. thanks!
【在 b***i 的大作中提到】 : 首先你后台上载图片的时候可以把尺寸放进数据库,然乎动态生成页面的时候,把这个数 : 据和文字一起从数据库读出来,放在页面里面Javascript定义的一个数组里面,然后页 : 面里面写好Javascript的代码,在客户端设置位置。这样实现设计和网页服务的分离。 : 当然也可以仍然在生成页面的时候就设定,但是这样前台和设计耦合太强了。
|