Question

我在滚动时使用它来显示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/

忘记。请帮忙

Answer 1

你是否应该测试图片是否已经加载？

这只是一个猜测，但从我读到的，＆＃34; Scroll＆＃34;每次滚动发生时都会触发。不仅是某人开始滚动或完成滚动。

所以你要求浏览器一直按照我的理解来获取图像。我想补充一下，测试一下，看看它是否有所作为：

$(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);

                }
            });

滚动时加载图像

1 个答案: