Question

I have a Javascript code for div preloading, but i need preloadin with jQuery.
this is my code:

<script type="text/javascript">
window.onload=function(){
        document.getElementById('preload').style.display = 'block';
        document.getElementById('ajax-loader').style.display = 'none';
    }
</script>

<style type="text/css">
div#preload{
        display:none;
        margin:0 auto;
  }
</style>

<img src="/images/ajax.gif" id="ajax-loader"  />
<div id="preload">Some text</div>

How i can make a preload with fadeout for a DIV with jquery?
thank u

Answer 1

This is not the exact equivalent to the javascript but it looks like it will do what you want:

Working demo: http://jsfiddle.net/lucuma/84j5S/

$(document).ready(function() {
   $('#preload').show();
   $('#ajax-loader').hide();
});

The equivalent is:

Working Demo:http://jsfiddle.net/lucuma/84j5S/2/

$(document).ready(functon() {
   $('#preload').css('display','block');
   $('#ajax-loader').css('display','none');
});

These jquery solutions are the same as doing this via css:

#preload {display:block}
#ajax-loader {display:none}

Although unless you are going to be adding jquery to your project there is no reason to include the library just to do this.