【问题标题】:Load image when i scroll滚动时加载图像
【发布时间】:2015-04-25 02:36:18
【问题描述】:

我在滚动时使用它来显示 gif:

<img class="gif-load1" src="<?php bloginfo('template_directory'); ?>/img/nos-services-title.gif" data-small="<?php bloginfo('template_directory'); ?>/img/white-service.jpg" />


<script type="text/javascript">             
var largeImage = $('.gif-load1').attr('src');
            var smallImage = $('.gif-load1').attr('data-small');

            $(window).bind('scroll', function() {
                if ($(window).scrollTop() > 300) {
                    $('.gif-load1').attr('src', smallImage);

                } else {
                    $('.gif-load1').attr('src', largeImage);

                }
            });
</script>

滚动时出现问题,gif 显示/隐藏/显示/隐藏

我不知道为什么。 :(

这是网站:http://www.groupensci.com/agencen/

迷路了。请需要帮助

【问题讨论】:

    标签: jquery scroll gif


    【解决方案1】:

    图片是不是已经加载完毕,不测试一下吗?

    这只是一个猜测,但根据我的阅读,每次滚动发生时都会触发“滚动”。不只是从某人开始滚动或完成滚动。

    因此,据我所知,您一直要求浏览器获取图像。我会添加,以测试,看看它是否有所作为:

    $(window).bind('scroll', function() {
                    if ($(window).scrollTop() > 300) {
                      if($('.gif-load1').attr('src')!=smallImage) 
                        $('.gif-load1').attr('src', smallImage);
                    } else {
                       if($('.gif-load1').attr('src')!=largeImage)
                        $('.gif-load1').attr('src', largeImage);
    
                    }
                });
    

    【讨论】:

    • 像老大vm2013一样,非常感谢!它真的很完美。 =D
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多