jquery background image fade -
i using jquery load ina background image fills page width / height. have following in head:
$(document).ready(function() { $('body').css({ 'background-image' : 'url({html_base}images/backgrounds/randoms/{back_img})', 'background-repeat' : 'no-repeat', 'background-position' : 'center top', 'background-attachment': 'fixed', 'background-size': '100% 100%', }); $('#home-promo').innerfade({ speed: 'slow', timeout: 5000, type: 'sequence', containerheight: 'auto' }); $('.model-search').innerfade({ speed: 'slow', timeout: 5000, type: 'sequence', containerheight: '393' }); });
this works fine , can seen @ http://projects.snowshtechnologies.com/golden_dragon/home/
i want bg image fade in black background colour. have looked @ few other threads on stack suggest not possible body element defined in css, in scenario bg image being loaded in jquery. how go adding fade in code bring image in nice fadein?
you can set body background-color
black
, make element div, position fixed
, fade
in, element should fill entire width , height of browser's viewport.
Comments
Post a Comment