JavaScript Rails 下怎么实现根据浏览器自动加载适应尺寸的图片?

zernel · 2012年05月17日 · 最后由 fresh_fish 回复于 2012年05月18日 · 4143 次阅读

想要实现在 render 时根据不同的浏览器(包括手机或 pad 下)去自动加载对应屏幕尺寸的图片。就像 http://adaptive-images.com/ 这样的效果,谢谢指教 : )

我觉得是 js 的工作。

  1. js 判断分辨率
  2. 请求对应的图片

是根据显示器的分辨率吧。 上面那个网站应该是把分辨率记录在 cookie 里面滴

最好是用 Paperclip 或 Carrierwave 之类的东西在上传的时候就裁减成特定的尺寸

#3 楼 @huacnlee 已经用 Carrierwave 裁减成特定的尺寸了,现在只是想知道怎么动态加载适合的尺寸,不知道业界有什么推荐方案

#1 楼 @heliang7 我一开始也是这样想的,不过看那个示例的源码里面全部用 PHP 写的,就想问下有没有什么相关的 gem 可以实现这种需求,找不到再用 js 去实现 XD

#5 楼 @Zernel 你居然忽略我这个正确答案。。。。

#2 楼 @cantin 那个示例是把显示终端的尺寸存在 cookies 里面,不过我想看下有没有什么成熟的处理方案或者现成的 gem,没有的话再手工去写

#6 楼 @cantin 你一向都是被无视的 XD,看来你今天好闲,来我宿舍结对编程吧,呵呵

#8 楼 @Zernel 你老板又不给我钱,小心你的楼歪了。。。哇哈哈

js 来判断比较合适

乱入,我看到了基情

Adaptive Image 的解决方案,昨天刚进 CSS3 Draft ... 懒人包 (英文)

简单来说新的方案是打算在 <img> 加入一个新的 attribute 叫做 srcset ,可以指定一系列图片的地址以及各自适用于什么屏幕解析度,某个 JavaScript library 提出的 <picture> tag 基本出局了。

看错题了,- -

需要 登录 后方可回复, 如果你还没有账号请 注册新账号