EasySlider 1.7 aiuto - tutto il contenuto visualizzazione al caricamento della pagina
-
26-09-2019 - |
Domanda
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
});
});
Soluzione
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>
Altri suggerimenti
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;
}