Bonjour à tous, et j'espère ne pas me tromper de rubrique.
J'ai très peu de notion javascript mais j'utilise beaucoup de plugin jQuery. En suivant les tutos officiels de chaque plugins jQuery pas de soucis pour leur integration dans mes pages HTML ainsi que pour modifier leur CSS, mais actuellement je commence à galérer en voulant modifier une fonction d'un plugin.
Donc le plugin est un POPUP animé qui apparait en haut à droite de mon site sous forme d'iPhone, et qui disparait quand on clique sur "masquer l'iPhone".
Exemple personnalisé sans SeTimeout : http://www.thomasgiavarini.me/PERSO/SANSTIMEOUT/
Rien de bien complex à installer, mais j'aimerai utiliser la fonction SetTimeout pour le faire apparaître au bout d'un certain moment sur la page. Le but étant d'attendre que le visiteur est un peu visionner la page avant qu'il s'affiche et par la même occasion que les images de l'iPhone se soient bien téléchargées.
Voici le code javascript de base qui permet d'afficher automatiquement le POPUP :
Avec ma modification en rajoutant la fonction SetTimeout :
Donc le POPUP se déclenche avec son animation après 5 secondes. Parfait, mais AVANT ces 5 secondes il est VISIBLE
. Je cherche donc à le déclencher après ces 5 secondes sans qu'il soit visible avant.
Exemple personnalisé avec la fonction SeTimeout (veuillez patienter 5 secondes pour voir mon problème) :
http://www.thomasgiavarini.me/PERSO/SETIMEOUT/
Merci d'avance et si il vous manque des infos n'hésitez pas.
Modifié par Thomas GIAVARINI (22 Nov 2011 - 22:11)
J'ai très peu de notion javascript mais j'utilise beaucoup de plugin jQuery. En suivant les tutos officiels de chaque plugins jQuery pas de soucis pour leur integration dans mes pages HTML ainsi que pour modifier leur CSS, mais actuellement je commence à galérer en voulant modifier une fonction d'un plugin.
Donc le plugin est un POPUP animé qui apparait en haut à droite de mon site sous forme d'iPhone, et qui disparait quand on clique sur "masquer l'iPhone".
Exemple personnalisé sans SeTimeout : http://www.thomasgiavarini.me/PERSO/SANSTIMEOUT/
Rien de bien complex à installer, mais j'aimerai utiliser la fonction SetTimeout pour le faire apparaître au bout d'un certain moment sur la page. Le but étant d'attendre que le visiteur est un peu visionner la page avant qu'il s'affiche et par la même occasion que les images de l'iPhone se soient bien téléchargées.
Voici le code javascript de base qui permet d'afficher automatiquement le POPUP :
$(document).ready(function() {
$('#popup').show('bounce', { times:4 }, 300);
$('.showpop').hide();
$('.hide').click(function(){
$('#popup').fadeOut('slow');
$('.showpop').fadeIn('slow');
return false;
});
$('a.showpoplink').click(function(){
$('#popup').show('bounce', { times:4 }, 300);
$('.showpop').hide();
return false;
});
Avec ma modification en rajoutant la fonction SetTimeout :
$(document).ready(function() {
[#green]setTimeout(function() {[/#]
$('#popup').show('bounce', { times:4 }, 300);
$('.showpop').hide();
$('.hide').click(function(){
$('#popup').fadeOut('slow');
$('.showpop').fadeIn('slow');
return false;
});
$('a.showpoplink').click(function(){
$('#popup').show('bounce', { times:4 }, 300);
$('.showpop').hide();
return false;
});
[#green]}, 5000);[/#]
});
Donc le POPUP se déclenche avec son animation après 5 secondes. Parfait, mais AVANT ces 5 secondes il est VISIBLE

Exemple personnalisé avec la fonction SeTimeout (veuillez patienter 5 secondes pour voir mon problème) :
http://www.thomasgiavarini.me/PERSO/SETIMEOUT/
Merci d'avance et si il vous manque des infos n'hésitez pas.
Modifié par Thomas GIAVARINI (22 Nov 2011 - 22:11)