Comment construire une URL pour ouvrir une page avec jquery lightbox plugin colorbox?

Je suis à l'aide de jquery lightbox plugin colorbox (http://colorpowered.com/colorbox/) et je veux être en mesure de construire une URL du type www.example.com/about-me.html qui sera envoyé à l'utilisateur de mon site web et ouvrez la iframed page (about-me.html) dans le script lightbox.

Je crois que j'ai à l'utilisation de crochets ou quelque chose, mais je ne suis pas sûr de savoir comment atteindre le résultat. Toute aide appréciée.

OriginalL'auteur Ritchie | 2009-09-05

  1. 4

    De crédit va à Jack Moore sur la colorbox groupe google.

    Sa solution adaptée à cette question:

    var url = document.location.href;
if(url.search(/\?about-me/i) !== -1){
    $(".iframe:first").click();

}

    Donc l'url serait http://www.example.com?about-me cela permettrait à l'utilisateur à la page d'accueil et ce javascript trouverez ce paramètre et dites-colorbox pour l'ouvrir.

    D'origine du groupe google thread et plus d'infos: http://groups.google.com/

    OriginalL'auteur Ritchie

  2. 1

    edit - ont mis à jour mon exemple de code source ci-dessous

    je ne suis pas familier avec lightbox, mais je suppose que tout ce que vous devez faire est de créer une page et d'appeler la lightbox sur la fenêtre.la charge ou le dom prêt comme:

    $(document).ready(function () {
   if(document.location.hash){
    //launch colorbox and use this hash
    $.fn.colorbox({width:"50%", inline:true, href:""+document.location.hash+""});
   }
});
    je pense que c'est certainement ce que vous êtes après, la seule chose que je ne suis pas sûr à 100% c'est qu'ils ont la syntaxe pour lancer colorbox sans un événement, cela ressemble à ce que le droit.

    OriginalL'auteur robjmills

  3. 0

    Regarder la exemples sur la façon d'accéder à d'autres contenus. Si je comprends votre question correctement, vous souhaitez afficher une source externe dans un iframe. Vous pouvez le faire en utilisant:

    (à partir de l'exemple de la page)

    $(".iframe").colorbox({iframe:true});

<p><a class='iframe' href="http://google.com">Outside webpage (IFrame)</a></p>

    Mise à jour: si ce que vous voulez est d'avoir quelque chose comme le code ci-dessus apparaissent sur la page lorsque vous entrez une url, alors je suggère que vous utilisez des paramètres ou la réécriture d'url pour l'accomplir. L'idée serait que votre url inclure la page dans l'iframe et sur le serveur vous permet d'extraire et l'utiliser pour construire quelque chose comme le code ci-dessous sur votre page.

    http://www.example.com/main?load=about.htm

    ou d'utiliser quelque chose comme MVC, vous pourriez avoir:

    http://www.example.com/main/about

    Qui invoque l'action sur le contrôleur principal. Cela rendrait une vue qui contient le code d'injecter de l' "about.htm" fichier de contenu dans l'iframe.

    Je l'ai déjà fait, le problème est de faire un lien direct qui peut être collé dans la barre d'adresse, mais sera toujours goto mon site, puis ouvrez la page dans la lightbox. par exemple: http://www.example.com/#about-me.html seront ensuite ramassés par colobox, puis l'ouvrir dans la visionneuse. c'est difficile à expliquer
    Dans ce cas, je suggère que vous la gérer côté serveur à l'aide de paramètres dans l'URL. Obtenez de l' ?href=about.htm paramètre et vous injecter le code ci-dessus sur le serveur, de sorte que la lightbox s'affiche où vous voulez. Je vais mettre à jour.

    OriginalL'auteur tvanfosson