Home/ Questions/Q 7935961
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T22:04:21+00:00

could any body explain what I should modify, how after hiding the image, still

  • 0

could any body explain what I should modify, how after hiding the image, still keep the div as a blank with no content but the same width and height as it were with image,

Exact example: http://jsfiddle.net/rJuWL/1/

So after hiding, Second! comes to First!,
but I need to keep it as
First!
blank
Second!

Html

<html>
<body>
    <div>First!</div>
<div class="loading">
<img id="loading" src="http://preloaders.net/preloaders/284/preview.gif" class="none"/>
    <div>Second!</div>
</div>
</body>

Css

.none{display:none}
.loading{width: 32px;height:32px;}

Javascript

showLoading();    
function showLoading() {
  $("#loading").hide();
  $("#loading").show().delay(2500).fadeOut('10');
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Dont hide it with display:none, set visibility:hidden

    display:none will take it out of the DOM flow. Changing the visibility to hidden will keep it there but emulate setting opacity to 0.

    Here’s a quick demo which keeps your fadeOut http://jsfiddle.net/AlienWebguy/5cwE7/

    • 0