EasySlider 1.7 aiuto - tutto il contenuto visualizzazione al caricamento della pagina

Question

Per la realizzazione facile Slider 1.7 con jQuery su una pagina del mio, trovo che quando viene visualizzata la pagina primi carichi, entrambe le immagini sul display cursore ul e poi i carichi cursore correttamente e solo la prima diapositiva.

Qual è il modo migliore per correggere questo in modo che il dispositivo di scorrimento div non visualizza fino a quando lo script è stato caricato correttamente? Sto usando questo codice per eseguirlo:

$(document).ready(function(){   
    $("#slider").easySlider({
        auto: true,
        continuous: true,
        pause: 10000
    });
});

Answer 1

Si può solo nascondere il contenuto tramite CSS, in questo modo:

#slider { display: none; }

Poi mostrarlo al caricamento della pagina così:

$(document).ready(function(){
  $("#slider").show().easySlider({ auto: true, continuous: true, pause: 10000 });
});

Per essere sicuro mi piacerebbe aggiungere un blocco alla pagina per gli utenti non-JS, potrebbe essere un foglio di stile all'interno se si dispone di un sacco di questi, altrimenti solo un tag di stile:

<noscript><style type="text/css">#slider { display: block; }</style></noscript>

Answer 2

ho aggiunto il codice qui sotto al mio CSS per nascondere le immagini vengano accatastati.

/*Added to hide stacking of images on IE 7/8*/
#slider{
  height:227px;
  overflow:hidden;
}