更新:AngularJS中的响应图像
后人的原始问题(见更新)
我有一个Angular.js网站,我正在建立以响应.我想为不同的浏览器宽度使用单独的分辨率图像.所以,我偶然发现了Picturefill.js,这似乎完美无缺. 唯一的问题是picturefill.js只在加载DOM后才能工作.我正在使用Angular模板和特定页面的部分HTML页面,因此除非我调整浏览器窗口大小,否则我的图像不会加载. 这是关于picturefill的github页面的一个着名问题(第35号),但他们似乎认为这不是什么大问题,并将其关闭.那里有一个关于如何延迟加载图片填充工作的建议,但我担心它会超出我的想象. 这是source code for 更新:对于其他任何想要解决这个问题的人,我发现了一个包含响应式图像的AngularJS directive.这是非常新的,我无法使其发挥作用,但似乎有希望. 第二次更新:该指令确实存在错误,但此后已修复.它现在可以在我的AngularJS网站上正常运行.如果您在项目中使用动态路由,则此指令不起作用.所以,在我的情况下,我有一个动态路由app /:objectID,每页拉一个JSON对象(每个页面都有一个url,如app / 1,app / 2,对象1和对象2).由于该路线从未真正改变,我认为该指令未能改变. 我的黑客,我不明白?在第97行将等待= true更改为waiting = false.我找不到任何缺点/副作用,并且它使指令适用于我的用例. 解决方法
看看
Angular Picture.受
@Tina自己的启发,它使用
Polyfill 2.0语法,即新的HTML5图片元素.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |