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

Glib GIOChannel -

delphi - When I encode/decode SMS PDU (GSM 7 Bit) user data, do I need prepend the UDH first? -

python - Obscure curses error message when creating a sub window -