图片加载失败的默认UI是比较丑陋的,因为前端开发会使用出错图进行替换,但是这种做法会隐藏图像的内容信息,有没有什么办法在CSS样式美化同时显示图像的信息呢?本文就介绍我摸索出来的应对此场景的最佳实践技巧,希望可以对您的工作与学习带来帮助。
阅读全文…
标签:background-image, 伪元素, 加载, 图片, 图片展示, 图片预览, 最佳实践, 用户体验, 跨域 发布在 CSS相关 | 23 条评论 »
响应图片技术可以说是响应布局衍生出来的一个小分支。说白了,就是不同显示器宽度下调用不同的图片。 这玩意,最近在国外讨论很火,有几种不同的实现方法,但都并不复杂。本文就将简单介绍这些方法,从原理到实践。同样的,代码示例,截图,demo页面,都有。希望本文的内容能够对您的学习有所帮助。
标签:cookie, javascript, media queries, noscript, 优化, 前端性能, 响应图片, 响应布局, 图片展示, 显示器 发布在 Web综合 | 5 条评论 »
本文展示我自己写的极轻量级的图片幻灯片播放的插件js,无外链图片,无外链CSS,兼容性性效果俱佳,无需调用外部的库,可谓大图幻灯片播放之首选。 本文提供demo,源文件下载,以及使用示例,希望能对您有所帮助。
标签:javascript, jQuery, js相关, 图片, 图片展示, 图片放大, 幻灯片, 插件, 美女 发布在 JS实例 | 16 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎头条B站Gitee