Afficher une image dès l'ouverture d'un site
affange
Messages postés
122
Date d'inscription
Statut
Membre
Dernière intervention
-
Radou -
Radou -
Bonjour,
Je veux afficher une image en premier plan dès qu'on rentre sur le site.
Voici l'exemple qui m'inspire: https://emcitv.com/
Merci pour votre aide
Je veux afficher une image en premier plan dès qu'on rentre sur le site.
Voici l'exemple qui m'inspire: https://emcitv.com/
Merci pour votre aide
A voir également:
- Afficher une image dès l'ouverture d'un site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Site pour vendre des objets d'occasion - Guide
- Site pour partager des photos - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
1 réponse
Première étape :
Installation de Jquery et du plugin Fancybox
Installe Jquery et Fancybox sur ton site : http://fancybox.net/howto
Deuxième étape :
Mise en place du script javascript qui va afficher l'image au chargement de la page.
Copie/colle ce code dans le head de ta page ou à la fin du body :
Troisième étape :
On va créer un bloc (div) invisible contenant l'image à afficher au chargement de la page.
Si tu as correctement suivis mes indications, l'image s'affichera au chargement de la page, exactement comme sur le site que tu nous a montré.
Installation de Jquery et du plugin Fancybox
Installe Jquery et Fancybox sur ton site : http://fancybox.net/howto
Deuxième étape :
Mise en place du script javascript qui va afficher l'image au chargement de la page.
Copie/colle ce code dans le head de ta page ou à la fin du body :
<script type="text/javascript">
$(document).ready(function () {
$("#pub").fancybox().trigger('click');
});
</script>
Troisième étape :
On va créer un bloc (div) invisible contenant l'image à afficher au chargement de la page.
<div style="display:none;"> <a href="http://cflam74.free.fr/images/cf15.jpg" title="Titre de ton image" id="pub"> </a> </div>
Si tu as correctement suivis mes indications, l'image s'affichera au chargement de la page, exactement comme sur le site que tu nous a montré.
jp18
Le lien pour installer JQUERY et FANCYBOX semble ne plus fonctionner... Peux-tu détailler les lignes de code, car j'ai suivi toutes les étapes mais il doit manquer quelque chose... Merci !
Radou
Faux, je vois pas de body onLoad.