Image Presentation Using An Accordion Menu

I have a menu like this:

• image1

  Solution 1:

  Your calling fadeIn right after adding the image : what if the image takes too much time to load ? It gets displayed in the middle of the fade or after the fade is over : jsfiddle.net/Xt5La/

  You can use a load handler on images, see this fiddle : jsfiddle.net/UNqJh/.

  var img = new Image();
  img.onload = loaded;
  img.src = url;
  
  function loaded() { // load handler }

  On a sidenote it could also help to see if image is actually loaded. But simpler is, what does your console say ? Is the image added to the DOM ?

  Share