我对this plugin感兴趣,但老实说,我不知道如何在不添加data-src或将width / height值放入非常基本的img bbcode中的情况下安装LazyLoad?
如果是HTML,似乎很容易
<img src="image-link" data-src="image-link" width="x" height="y" />
但是,IMG bbcode怎么样?
[img]image-link[/img]
[img(100px,100px)]image-link[/img]
或者,在另一种情况下,使用现有的img类
<a href="" class="abc"><img src="image-link" /></a>
答案 0 :(得分:-1)
故意发明了BBCodes,以将标签的严格状态表示为不太复杂的(非HTML)表示形式。图像的延迟加载应通过媒体查询(用于背景)或媒体查询绑定的javascript源并将其注入DOM(这种观点是基于我来自专业环境的事实,该环境通常会为所有内容创建组件需要使用React / Inferno或类似框架的与客户无关的附件。
从HTML的角度来看,data-src对DOM没有意义,它只是提供了一个自定义属性,必须对其进行处理才能获得含义。因此,您所采用的方法的标准化BBCode尚不为人所知,替代标记的任何语义上有价值的定义都可能会变得很复杂,因为BBCode比最终HTML更为复杂。
一个尚未解决的问题是:您是否旨在寻找一个能够为LazyLoad-PlugIn表达特定HTML的BBCode?如果是,则没有标准化,您必须自己在具体的应用程序/实现中创建它们。如果不是,则应避免使用标准的BBCode,而应提供一个自己的BBCode,该BBCode会实现所需形状的标签。