Retard pop-up pendant 10 secondes, seulement des pop up une fois

Salut, je suis en utilisant la fancybox inline " pop-up d'alerte en vue d'une promotion. Le code que j'utilise est:

$(document).ready(function() {
  $("#various1").fancybox();
});

Comment puis-je modifier cette sorte il automatiquement surgi après, disons, 20 secondes? Mais une fois qu'il est fermé, il schouldn pas sauter de nouveau.

OriginalL'auteur user1037444 | 2011-11-28

19

En fait, aucune des solutions publié précédemment dans la vraie vie, pourquoi?
parce que la ligne:
```
$("#various1").fancybox();
```
ne déclenche pas fancybox, il vient se lie fancybox pour le sélecteur #various1, mais il lui reste encore un clic pour déclencher le modal/lightbox (pas un popup). BTW, Gearóid la solution d'erreurs de syntaxe, de toute façon. La seule vraie valeur, c'est qu'ils suggèrent l'utilisation de la jQuery plugin cookie (ancien site).

MODIFIER: (Mars 07, 2012) Le jQuery cookie plugin page d'accueil déplacé ici.

Étapes pour une solution de travail:

A) Charger le jQuery cookie plugin (comme l'a suggéré) après et jQuery fancybox fichiers js

B) Puis utiliser ce script:
```
<script type="text/javascript">
function openFancybox() {
    setTimeout( function() {$('#various1').trigger('click'); },20000);
}
$(document).ready(function() {
    var visited = $.cookie('visited');
    if (visited == 'yes') {
        return false;
    } else {
        openFancybox();
    }
    $.cookie('visited', 'yes', { expires: 7 });
    $('#various1').fancybox();
});
</script>
```
C) vous avez encore le besoin d'avoir quelque part dans votre code html (peut-être caché)
```
<a id="various1" href="path/target"></a>
```
ou pour du contenu en ligne
```
<a id="various1" href="#target"></a>
<div style="display: none;">
 <div id="target">message to display in fancybox</div>
</div>
```
Aussi, si vous utilisez du contenu en ligne et fancybox v1.3.x, vérifier pour un bug existant et d'une solution ici

PS. fancybox est pas une fenêtre mais un modal/lightbox jQuery plugin, qui est un non-intrusive solution comme jGrowl à partir d'une INTERFACE utilisateur de point de vue.

MERCI JFK !! seul problème, le jquery cookie plugin lien que vous avez fourni est mort, savez-vous où je pourrais trouver de l'information sur qui ? encore une fois merci pour al l'aide
Pour la bonne jQuery cookie plugin URL, voir modifier.
Je sais je suis en retard, je voulais juste dire cette réponse, c'est parfait!
oui, cette réponse est très bonne. Merci beaucoup
Je vous remercie pour cette. Cela fonctionne à partir de 2014 @jfk

OriginalL'auteur JFK

$(document).ready(function() {
  setTimeout(function () {
    $("#various1").fancybox();
  }, 20000);
});

OriginalL'auteur Tomalak

Use Timeout function. The solution for your query is below
$(document).ready(function () {
setTimeout(function() {
$('your modal id').modal('show')  }, 10000); //displays modal after 10 seconds
});

OriginalL'auteur Naveen Chandran

1

Vous devriez être en mesure d'utiliser le delay fonction de cela:
```
$("#various1").delay(20000).fancybox();
```
OriginalL'auteur James Johnson
1

Vous devez utiliser setTimeout pour retarder le popup comme suit:
```
setTimeout("showPopup()",20000);

function showPopup() {
    if (null != $.cookie("offer_closed"))
         $("#various1").fancybox();});
}
```
L'utilisation de la jQuery cookie bibliothèque de définir un cookie (appeler quelque chose comme "offer_closed") true lorsque l'utilisateur clique sur fermer. Ce alors que les signaux de la popup n'est déjà affiché.

PS. À partir d'une INTERFACE utilisateur point de vue, vous devriez essayer d'éviter les solutions à l'aide de fenêtres pop-up. Les utilisateurs de la haine. Essayez une solution plus élégante comme jGrowl.

vous pouvez l'activer après l'affichage de la boîte. exemple ici: radarvicieux.com après 15s ou alors
Vous ne nourrissez jamais une chaîne de setTimeout. Il suffit de passer le nom de la fonction (ou la fonction elle-même).
En fait, vous avez pour nourrir une chaîne de caractères. En passant le nom de la fonction entraîne un dépassement de délai, mais la fonction ne sera pas invoquée.
c'est parce que vous devez définir la fonction avant de l'utiliser. Essayez de placer l' setTimeout() appel ci-dessous la définition de la fonction.
c'est une question intéressante. Si vous souhaitez spécifier la fonction entre parenthèses, alors vous devez passer comme une chaîne de caractères. Si vous l'appelez comme une fonction avec des parenthèses (comme vous le feriez normal js fonctions) alors la fonction est exécutée immédiatement, rendant ainsi le délai d'attente inutile. Testé sur FF 8.0.1

OriginalL'auteur Ger

Vous pouvez utiliser le setTimeout fonction en javascript:

setTimeout(function() {
    //first wait 20 seconds before this popups
    $("#various1").fancybox();

    setTimeout(function() {
        //.. what to do after 10 seconds
    }, 10000);

}, 20000);

J'espère que c'est ce que vous voulez? Votre titre et l'explication est confuse

OriginalL'auteur Yoram de Langen

Voir ci-dessous l'exemple de code, popup s'ouvre au bout de 5 secondes au chargement de la page avec un message "Bienvenue au nom du site" -

<head>
<script type="text/javascript">
    $(document).ready(function(){

        openFancybox();
        $('#various1').fancybox();
    });
    function openFancybox() {
        setTimeout( function() {$('#various1').trigger('click'); },5000);
    }
</script>
</head>

<body>
<a id="various1" href="#target"></a>
<div style="display: none;">
 <div id="target">welcome to shoesdekho.com</div>
</div>
</body>

OriginalL'auteur IRSHAD

Vous devez vous connecter pour publier un commentaire.