[jquery] evitare visibilità caricamento

[yesse]

Ciao,
ho utilizzato il plugin jcarousel per la visualizzazione in scorrimento orizzontale di elementi.

Il problema è che al caricamento della pagina questi elementi vengono visualizzati tutti uno sotto l'altro fino al completamento per poi disporsi correttamente.

Come posso nascondere questo caricamento o come posso risolvere il problema?

$(document).ready(function() {
$('#mycarousel').jcarousel();
$('#div-box').hide();
$('#btnCerca').click(function(){
$('#div-box').slideToggle("slow");
$(this).toggleClass();
return false;
});
});

questo è il codice che tramite un pulsante visualizza e nasconde il blocco di scorrimento.


Grazie
ciao

[Andrewa]

Riprendo questa discussione perché anche io ho lo stesso problema, quando si apre una pagina con l'effetto jCarousel, prima si apre la pagina senza aver caricato il js, quindi l'elenco[*] si vede nudo e crudo sfasando tutto il sito, un attimo dopo carica il js e si sistema. Esteticamente a mio avviso è orribile. Avete qualche idea del problema?
Grazie a tutti

[lucavizzi]

imposta uno stile:
overflow:hidden;
al box che contiene gli elementi che scorreranno.

[Andrewa]

...stile inserito, un miglioramento l'ho avuto: non mi sballa più lo schema del sito ma continuo a vedere i pallini del tag[*] per un attimo!

[cavicchiandrea]

Con tutti i browser o solo con IE?

[fmortara]

Originariamente inviato da Andrewa
...stile inserito, un miglioramento l'ho avuto: non mi sballa più lo schema del sito ma continuo a vedere i pallini del tag[*] per un attimo!

imposta lo stile per la lista che nasconda i pallini: list-style-type:none;

[lucavizzi]

Originariamente inviato da Andrewa
...stile inserito, un miglioramento l'ho avuto: non mi sballa più lo schema del sito ma continuo a vedere i pallini del tag[*] per un attimo!

sempre css, list-style-type:none; all'ul.

[Andrewa]

Perfetto funziona!!
Ricapitolo per chi ha lo stesso problema:

Impostare sul box che contiene l'effetto js il seguente stile:

overflow:hidden;

Aggiungere uno stile al tag <ul>:

esempio:

<ul id="nomeid" style="list-style-type:none;" class="jcarousel-skin-nome">

Grazie lucavizzi