Fadein Image and iframe

JavaScript
1

Hello everybody excuses me my writing english, i need your help for code jquery, i like all image fadein when webpage loaded! check here code… thank you for your time :smiley:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("img").fadeIn("slow");
$("div").fadeIn();
$("iframe").fadeIn(4500);
$(this).css('background-image', 'url(EggA_' + c-bg + '.jpg)').fadeIn(2500);
});
</script>
2

The .ready() method fires long before the images have loaded.

You may need to use the .load() method for that instead, so that it occurs after the images are available.

3

Thank you for reply just i figure and found out need to CSS use display:none and will works image fadeIn so the code can help other people

4

I like to share to other people, how code works !

<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js”></script>
<script type=“text/javascript”>
$(document).ready(function(){
$(“img”).fadeIn(“slow”);
$(“div”).fadeIn(“Slow”);
$(“iframe”).fadeIn(“slow”);
});
</script>

<style type=“text/css”>
img {
display:none;
}

div {
display:none;
}
</style>