Voici le code d’appelle du javascript à installer dans la balise "head" de vos pages. On peut utiliser un "fade in" ou bien tout autre "effet" de jQuery :
<script type="text/javascript">
$(document).ready(function(){
$("#nom_de_la_div").fadeIn(8000);
});
</script>Et ci dessous le html à mettre dans "body". On glisse un "display : none" dans le bloc voulu, puis, dans une balise "noscript" on remet la div sans le "display : none" pour les visiteurs qui auraient désactivé javascript sur leur navigateur.
<div id="div_exemple" style="display: none;">Ce bloc apparaît au chargement de la page!</div>
<noscript><div id="div_exemple">Ce bloc apparaît au chargement de la page!</div></noscript>
Vos commentaires
# Le 5 décembre 2008 à 16:20, par Clément En réponse à : Un fade in au chargement de la page avec jQuery
Pourquoi pas, mais en l’absence de JS, le bloc n’apparait jamais ! Embêtant non ?
# Le 17 décembre 2008 à 18:00, par Abel Poucet En réponse à : Un fade in au chargement de la page avec jQuery
Oui c’est vrai, il faut mettre un "noscript" avec le bloc en question pour les utilisateur sans JS. Ils n’auront pas l’effet fade in mais verront le contenu de la div...
Merci, j’ai modifié l’article.
Répondre à cet article
Suivre les commentaires :
| 