MENU

图片加载动画

• February 3, 2017 • Read: 4116 • 教程

1.7.0版本中添加了图片加载动画,也算是弥补了一直以来的缺憾。图片加载动画目前仅适用于七牛云存储,后续有又拍云的支持计划。

要使用此功能,需要到插件中开启「图片加载动画」选项,并执行「为所有文章获取图片基础信息,请谨慎操作。」操作或手动保存博客文章。

为了更好的显示效果,避免页面加载时页面高度不断变化并跳动,加载动画需要精确的确定图片的宽高比,所以需要上述的「为所有文章获取图片基础信息,请谨慎操作。」操作以将图片的宽高信息写入到图片的 URL中,该信息不会在使用其他主题时造成影响。

目前,该效果仅适用于独占一行的图片,不适用于行内图片,如表情等。所以,如果你手动添加了行内图片,那么你可能需要手动关闭此图片的加载动画,否则图片会以独占一行的方式进行显示。

关闭图片加载动画

方法非常简单,只需在图片 Url 后面加上#nolazyload即可。

为什么叫 lazyload,请不要吐槽,只是目前还不能 lazyload而已。😂

示例:

![图片描述](http://img.example.com/path/to/image.jpg#nolazyload)
<img src="http://img.example.com/path/to/image.jpg#nolazyload" class="example">
Last Modified: March 26, 2017
Archives QR Code Tip
QR Code for this page
Tipping QR Code
Leave a Comment

已有 1 条评论
  1. 文章名和内容好像不太一样@(你懂的)

    1. @hellokitty卧槽。。。。。。这一定是某些人的阴谋