我已经开始在一个项目中使用 Bootstrap,特别是缩略图组件。上文档中的缩略图示例 http://twitter.github.com/bootstrap/components.html#thumbnails,示例代码如下:
<ul class="thumbnails">
<li class="span4">
<a href="#" class="thumbnail">
<img data-src="holder.js/300x200" alt="">
</a>
</li>
...
</ul>
注意使用data-src
来代替通常的src
属性上的<img>
tag.
我认为为了让我的缩略图正常工作,我应该使用data-src
代替src
对于图像,但情况似乎并非如此。我只能通过定义来加载图像src
属性。它似乎其他人也有同样的问题 https://stackoverflow.com/questions/14862758/bootstrap-thumbnail-list-is-not-showing-thumbnails.
这是文档中的拼写错误,还是我没有正确理解如何使用data-src
?
我相信引导程序人员使用的唯一原因data-src
反而src
,这是因为holder.js
。你应该使用src
代替data-src
因为data-src
仅用于生成特定尺寸的示例图像的javascript库,并且src
是指定图像位置的普通属性(来源:W3C http://www.w3.org/wiki/HTML/Elements/img#HTML_Attributes)
他们为什么在文档中使用data-src
?我想即使是语法<img src="holder.js/100x200"></img>
被图书馆接受,因为它在holder.js 文档 http://imsky.github.com/holder/,当我们访问该页面时,即使图像正在显示,它也会在图像中抛出404错误,因为指定路径中没有任何文件,这很奇怪。
他们为什么将其放入文档代码中?我真的不知道。也许这是一个错误。但我确信你应该使用src
反而data-src
在缩略图中。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)