2014-05-08 74 views
0

我有下面的代码网页:呼叫收藏

<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> 

单击时,该按钮将当前URL作为变量到Python脚本,然后对其进行格式化并查询MySQL数据库获取与此唯一网址配对的图像文件的名称。图像名称然后被发回到页面,在那里它被打开以供查看。

所有作品都在一起工作,图像显示正确。我现在想要做的是打开Lightbox中的图像(或类似的产品)。这可以做到吗?如果是这样,怎么样?使用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 + "\" />"}); 
    }); 
}); 

或者这也许更好的工作(在一段时间对不起,我没有用颜色框)

回答

0

例子:

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

第二种解决方案没有奏效。彩盒窗口打开,但没有显示图片 - 只是奇怪的符号。你的第一个解决方案有效,只有一个问题第一次点击按钮时,会打开一个小小的colorbox窗口并显示“x”。如果您点击x,然后再次点击按钮,它会正确显示。任何想法如何解决这个问题? – user3380034

+0

我想出了问题 - 我不得不手动将高度和宽度添加到colorbox功能。现在事情都很好。 – user3380034