This code is to let the user view the selected picture on the page before uploading it. Hiding the file input and using javascript to access it is helpful for design purposes. If you use your file input type on the page, then you can ignore the first 3 lines of code. <!–HTML–> <img id=”preview” […]
Read MoreFix a second header as main header on scroll down or any animation or event at a specific scroll position. You can add more if statements to produce stepping(parallax) effects. /*css*/ .fixed{ width:100%; position:fixed; top:0; left:0; } //jquery $(window).on(‘scroll’, function () { var position = Math.round($(window).scrollTop()); if (position > 100) { $(“div.column-map”).addClass(“fixed”); } else { […]
Read MoreSet a banner,map,video or other element to the full height of window, but user can keep scrolling down to the rest of page. //jquery function setHeight() { windowHeight = $(window).innerHeight(); $(‘#map-container’).css(‘min-height’, windowHeight); }; setHeight(); $(window).resize(function () { setHeight(); });
Read More