Fancybox popup Automatique

J'ai téléchargé Fancybox du net et suis en train de travailler sur elle.

<script type="text/javascript">
    $(document).ready(function() {
        /*
         *  Simple image gallery. Uses default settings
         */

        $('.fancybox').fancybox();

        $("#fancybox-manual-b").click(function() {
            $.fancybox.open({
                href : 'contact.php',
                type : 'iframe',
                padding : 5
            });
        });

    });
</script>
<style type="text/css">
    .fancybox-custom .fancybox-skin {
        box-shadow: 0 0 50px #222;
    }
</style>

    <a class="fancybox fancybox.iframe" href="contact.php">Subscribe</a>

Cela fonctionne bien lorsque vous cliquez sur le lien.
Mais maintenant que j'en ai besoin pour automatiquement pop-up lorsque quelqu'un se connecte à la page d'accueil.
N'importe qui peut aider avec la solution

InformationsquelleAutor Abhishek D | 2013-04-23
  1. 6

    Fancybox ne prend pas directement en charge un moyen de lancer automatiquement. Le travail autour, j'ai été en mesure d'obtenir de travail est la création d'un caché balise d'ancrage et de déclenchement de l'événement onclick. Assurez-vous que votre appel pour déclencher l'événement onclick est inclus après la fancybox jquery et js fichiers sont inclus. Le code que j'ai utilisé est le suivant:

    Cet exemple de script est directement intégré dans le html, mais il pourrait également être inclus dans un fichier js.

    <script type="text/javascript">
    $(document).ready(function() {
        $("#hidden_link").fancybox().trigger('click');
    });
</script>

    Couleur De La Bordure

    Personnellement je le fais à partir de fancybox du fichier css, vous devriez regarder pour des

    #fancybox-contenu

    et

    .fancybox-externe

    et changer la couleur d'arrière-plan ou la couleur de la bordure comme par votre demande.

    Espère que cela fonctionne pour vous.

    • Merci Rahul 🙂
    • Comment est-il possible de faire de la frontière changement de couleur, si vous avez une idée ?? threadless.com . Vérifier et voir le formulaire d'abonnement à la page d'accueil de colorbox.
    • voir ma réponse mis à jour pour la couleur de la bordure.
    • votre accueil et si vous pensez que cela résout votre problème, alors s'il vous plaît, comme ma réponse.merci
    InformationsquelleAutor Rahul
  2. 1

    Ce code fonctionne bien. Je l'ai testé moi-même

    <script type="text/javascript">
    $(document).ready(function() {
$.fancybox({
                        'width': '40%',
                        'height': '40%',
                        'autoScale': true,
                        'transitionIn': 'fade',
                        'transitionOut': 'fade',
                        'type': 'iframe',
                        'href': 'http://www.example.com'
                    });
 });

    N. B: je l'ai testé avec la version 2.1.4
    Vous pouvez également essayer cette 

    $(document).ready(function() {
             $("#fancybox-manual-a").trigger('click');
            });

    il y a une balise d'ancrage avec l'id fancybox-manual-a

    • Merci Aditya 🙂
    InformationsquelleAutor Aditya
  3. 0
    <script type="text/javascript">
    $(document).ready(function() {

        $.fancybox.open('#id');
    });
</script>
    InformationsquelleAutor Kriss