La liaison d'une iframe pour ouvrir dans la Visionneuse

Est-il possible d'utiliser un lien un lien vers un iFrame de contenu qui s'ouvre dans une lightbox ou fancybox?

Par exemple; voir ma Conception Graphique de la Galerie, Cliquez Ici > affichage de Lightbox ma galerie à partir d'un autre site

Possible? Comment aurais-je code dans un lightbox/fancybox? Je sais que c'est possible maintenant - mais ne peut pas le mettre en place avec ma mise en page.

Mise à jour - 17 Décembre 2011

Je suis en train de le faire avec fancybox, ci-dessous est le lien de la mise en page je suis en voie de développement - j'ai été en mesure de l'appliquer dans un autre doc à partir de zéro de l'appel de la même libraries/css dans l'en-tête, de sorte qu'il ne peut pas être que. Je me sens comme il doit exister des conflits-ions entre certains de mes autres JavaScript en ligne. Quelqu'un peut-il m'aider à comprendre pourquoi iFrame fantaisie à cocher ne pas mettre en œuvre avec ma mise en page? (Je sais theres quelques JS et du code qui n'est pas utilisée dans la mise en page de l'atm, mais c'est juste parce que j'ai été à la déshabiller pour déboguer, je vais utiliser ce code)

Lien pertinent

je pense que thickbox peut le faire pour vous.
Votre tinyurl lien ne fonctionne plus

OriginalL'auteur Captain Ron | 2011-12-03

  1. 3

    Lightbox est conçu uniquement pour les images, mais vous pouvez utiliser fancybox.

    il y a 2 façons de le faire:

    $.fancybox({'href':'http://www.google.com',
  'type':'iframe'
});

    ou:

    <a href="http://www.google.com" id="linktogoogle">google</a>

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

    Cliquant sur le lien qui vous permettra de charger google dans un iframe. si vous voulez qu'il charge sans cliquer sur :

     jQuery(document).ready(function () {
   $("#linktogoogle").fancybox().click();
 });

    Vous pouvez également définir le lien de la visibilité de style cachés.

    Merci pour la réponse, je vais essayer de le faire avec fancybox, mais ne peut pas le mettre en place correctement. J'ai mis à jour mon Q ci-dessus, ce que je fais mal?
    Seuls les éléments à noter sont les sélecteurs. Sélecteurs d'ID doivent être précédées d'un #. Ex.: $("#linktogoogle")

    OriginalL'auteur Ashkan Mobayen Khiabani

  2. 5

    Avec DivBox, vous voulez faire quelque chose comme ce qui suit:

    <script type="text/javascript">
  $("#link").divbox({ type: 'iframe' });
</script>

<a id="link" href="http://your.other.site">Click Here</a>

    OriginalL'auteur rabusmar

  3. 3

    - Je utiliser shadowbox et le faire. Télécharger et de référence dans le shadowbox javascript et css. Ensuite, vous pouvez utiliser la commande suivante pour afficher l'iframe à l'intérieur d'un shadowbox. L'iframe peut contenir quoi que ce soit (y compris une iframe).

    Faire un lien dans votre corps: 

    <a class="modal" href="/path/to/iframe" rel="shadowbox;height=594;width=620">Click Me!</a>

    Puis cliquez sur à propos de cet événement, procédez de la manière suivante sur les DOM Prêt.

    $(document).ready(function(){
    $('.modal').click("click", function(e){
        e.preventDefault();             //Prevent the default action
        var url = $(this).attr('href'); //Get the iFrame href
        Shadowbox.open({
            content:    url,
            player:     "iframe",
            height:     400,
            width:      510
        });
    });
});

    OriginalL'auteur Anil

  4. 3

    Après avoir essayé toutes les différentes visionneuses, je l'ai réglé sur Colorbox. Il est construit à l'aide de jQuery donc il n'y a pas de conflits. Il est facile à mettre en œuvre, est livré avec plusieurs options pour regarder et sentir, et il est facile de changer le style si j'en ai besoin.

    D'accord, Colorbox est très facile à coiffer et implent. De Plus il prend en charge (presque) n'importe quel format, y compris la vidéo, flash, iframe, du contenu en ligne, etc.

    OriginalL'auteur Tim

  5. 2

    Colorbox est l'un!
    Je l'utilise depuis le début du projet et son poids léger et facile à mettre en œuvre.

    <a id="link" href="http://www.link.to.page.com">click here</a>
    $("#link").colorbox({ iframe: true });

    Regardez les exemples présentés dans ce site.

    OriginalL'auteur rcdmk