滾動時更改固定圖像

我試圖在滾動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 –

滾動時更改固定圖像

回答

相關問題