滚动时更改固定图像

我试图在滚动3个特定行时修改图像。该图像是一个接口，应该与正常文本相匹配的手机，因为我滚动新文本被看到，手机界面应该相应地改变！滚动时更改固定图像

我设法修改了一个JSFiddle，我在另一个线程中发现了一些文本Div的技巧，但我无法缝合在我的网站上实现它，它的图像以URL为源代码。

这里的的jsfiddle：http://jsfiddle.net/dB7eF/25/

下面是接缝做的伎俩中的jsfiddle的JS：

$("#image1").fadeIn(1000); 
$(document).scroll(function() { 
    var pos = $(document).scrollTop(); 
    if (pos < 200) { 
    hideAll("image1"); 
    $("#image1").fadeIn(1000); 
    } 
    if (pos > 200 && pos < 600) { 
    hideAll("image2"); 
    $("#image2").fadeIn(1000); 
    } 
    if (pos > 600 && pos < 1000) { 
    hideAll("image3"); 
    $("#image3").fadeIn(1000); 
    } 
}); 

function hideAll(exceptMe) { 
    $(".image").each(function(i) { 
    if ($(this).attr("id") == exceptMe) return; 
    $(this).fadeOut(); 
    }); 
}

该网站是建立与可视化编辑器，所以我会爱源的图像被如JSFiddle示例中的URL而不是ID！

来源

2016-11-08 Morgan Hassel

我更新了爵士小提琴和添加源图像标签，则div标签

<div id="c3" class="left"><img src="https://dummyimage.com/300x200/000/fff" style="width:100px"/></div>

http://jsfiddle.net/dB7eF/26/

这是你问的什么范围内添加图像标签？

来源

2016-11-08 13:51:11 rtrigoso

哇感谢您的快速回答！是的，它做了一些小调整！在您的帮助下，我记得我可以在Visual Composer中创建一个“原始HTML”项目，我可以从之前的JSFiddle粘贴HTML！ –

BTW有什么方法可以使用百分比而不是像素？我一直在我的笔记本电脑上进行设计，直到现在，当我在我的1440p桌面屏幕上时，转换完全关闭@rtrigoso –

滚动时更改固定图像

回答

相关问题