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

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -