https://ari.international A R I R I R I R I R I Thu, 05 Apr 2018 02:47:37 +0000 https://ari.international en https://ari.international/Header Thu, 05 Apr 2018 02:47:37 +0000 A R I R I R I R I R I https://ari.international/Header Oh hello, Portland. Print. Digital. Spatial.  Art Direction. Creative Direction.  // element: jQuery selector of element to get background image // backgroundImageUrl: full url of bg image to set function addBg(element, backgroundImageUrl) { console.log('adding background image: ' + backgroundImageUrl); $(element).css('background-image', 'url("' + backgroundImageUrl + '")'); } // element: jQuery selector of element to get background image function removeBg(element) { console.log('REMOVING background image!'); $(element).css('background',''); } // If you want to just copy and paste something to use, you can try the following, using markup similar to whats under: Tyler New World $(document).ready(function() { $('.menu_link').hover(function() { addBg($('body'), $(this).data('bgimage')); }, function() { removeBg($('body')); }); $('.menu_link').click(function(e){ removeBg($('body')); }); }); $("#custom-cursor").hide(); var i = null; $(".menu_link").mousemove(function() { // clearTimeout(i); $("#custom-cursor").show(); // i = setTimeout('$("#custom-cursor").hide();', 10000); (($('.menu_link').on('mousemove', function (e) { $('#custom-cursor').css({ left: e.pageX, top: e.pageY, pointerEvents: 'none' }); }))); }).mouseout(function() { clearTimeout(i); $("#custom-cursor").hide(); }); $('.menu_link').click(function(e){ $("#custom-cursor").hide(); });