Easyslider 1.7 aide - tout affichage du contenu à la page charge

Question

Dans la mise en œuvre simple curseur 1.7 avec jQuery sur une page de moi, je trouve que lorsque chargement de la page, les images dans l'affichage du curseur ul puis les charges de curseur correctement et que la première diapositive est affichée.

Quelle est la meilleure façon de corriger cela pour que le curseur ne div affiche pas tant que le script a correctement chargé? J'utilise ce code pour l'exécuter:

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

Answer 1

Vous pouvez simplement masquer le contenu via CSS, comme ceci:

#slider { display: none; }

Ensuite, montrer de la charge de la page ainsi:

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

Pour être sûr j'ajouter un bloc à la page pour les utilisateurs non-JS, pourrait être une feuille de style à l'intérieur si vous avez beaucoup d'entre eux, sinon juste une balise de style:

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

Answer 2

J'ajouté le code ci-dessous pour mon css pour cacher les images d'être empilés.

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