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

Question

J'utilise jquery lightbox plugin colorbox (http://colorpowered.com/colorbox/) et je veux être capable de construire une URL comme www.example.com/about-me.html qui enverra l'utilisateur sur mon site web et ouvrira la page iframed (environ me.html) dans le script de lightbox. Je crois que je dois utiliser des crochets d'événement ou quelque chose, mais je ne suis pas sûr de la façon d'atteindre le résultat. Toute aide appréciée.

Answer 1

Le crédit va à Jack Moore sur le groupe google colorbox.

Sa solution adaptée à cette question:

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

} 

Ainsi, l'URL serait www.example.com?about-me cela prendrait l'utilisateur à la page d'accueil et ce javascript trouverez ce paramètre et dire colorbox pour l'ouvrir.

thread groupe google original et plus d'informations: http://groups.google.com/

Answer 2

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

je ne suis pas familier avec cette visionneuse, mais je suppose que tout ce que vous devez faire est de créer une page et appelle la visionneuse sur window.load ou 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+""}); 
    } 
}); 

Answer 3

Examinez le examples pour savoir comment accéder à un autre contenu. Si je comprends bien votre question, vous voulez afficher une source externe dans un iframe. Vous pouvez le faire en utilisant:

(à partir de la page par exemple)

$(".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 apparaissent au-dessus de la page lorsque vous entrez une URL, puis Je suggère que vous utilisiez des paramètres ou une réécriture d'url pour l'accomplir. L'idée serait que votre URL inclue la page à charger dans l'iframe et sur le serveur que vous extrayez ceci et que vous l'utilisiez pour construire quelque chose comme le code ci-dessus sur votre page.

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

ou en utilisant quelque chose comme MVC, vous pourriez avoir:

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

qui justifierait l'action au sujet du contrôleur principal. Cela rendrait une vue qui contient le code en injectant le fichier de contenu "about.htm" dans l'iframe.