Appel lightbox de la fonction javascript

Question

J'ai une page Web avec le code suivant:

<script> 
$("button").click(function(){ 
    var loc = window.location.href; 
    $.post("../cgi-bin/test.py", 
    {stuff_for_python: loc}, 

    function myFunction(data) { 
    window.open("/img/" + data); 
    }); 
}); 
</script> 

Lorsque vous cliquez dessus, le bouton envoie l'URL en cours comme une variable à un script python, qui formate et interroge une base de données MySQL pour obtenir le nom d'un fichier image qui est associé à cette URL unique. Le nom de l'image est ensuite renvoyé à la page, où il est ouvert pour l'affichage.

Toutes les pièces travaillent ensemble et l'image s'affiche correctement. Ce que je voudrais faire maintenant, c'est d'ouvrir l'image dans Lightbox (ou un produit similaire). Cela peut-il être fait? Si c'est le cas, comment?

Answer 1

Exemple d'utilisation http://www.jacklmoore.com/colorbox/

$("button").click(function(){ 
    var loc = window.location.href; 
    $.post("../cgi-bin/test.py", 
    {stuff_for_python: loc}, 

    function myFunction(data) { 
    $.colorbox({html:"<img src=\"/img/" + data + "\" />"}); 
    }); 
}); 

Ou ce travail peut-être mieux (désolé, je ne l'ai pas utilisé colorbox en temps):

$.colorbox({href:"/img/" + data});