search

Home  >  Q&A  >  body text

javascript - 如果有一个tab选项卡 怎么加懒载效果,是怎么样的一个原理要怎么实现?(没用使用lazyload.js 的前提)

当用户没有点击tab选项卡时,没有显示的tab选项卡显示默认图片

巴扎黑巴扎黑2806 days ago660

reply all(2)I'll reply

  • 大家讲道理

    大家讲道理2017-04-11 11:08:25

    假设效果是:
    选项1、选项2...
    内容1、内容2...

    <dl>
        <dt>
            <a>选项1</a>
            <a>选项2</a>
        </dt>
        <dd>
            <p>内容1<img src="图片一" /></p>
            <p>内容2<img *src*="图片二" /></p>
        </dd>
    </dl>
    

    当上面的选项二被点击时,同时把内容二里的图片的 src 的值传给它的 src 。这样图片就会加载,否则不加载。当然这种方案是比较简单、粗暴的处理方式,只能用在tab里的图片较为少的情况。
    多的话,就得考虑屏高的问题。

    reply
    0
  • ringa_lee

    ringa_lee2017-04-11 11:08:25

    https://segmentfault.com/q/1010000002554960

    reply
    0
  • Cancelreply