Question

我有一个包含以下代码的网页：

<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脚本，然后python脚本对其进行格式化并查询MySQL数据库以获取与该唯一URL配对的图像文件的名称。然后将图像名称发送回页面，打开该页面进行查看。

所有部分正在协同工作，图像正确显示。我现在想做的是在Lightbox（或类似产品）中打开图像。可以这样做吗？如果是这样，怎么样？

Answer 1

使用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 + "\" />"});
  });
});

或者这可能效果更好（对不起，我有一段时间没有使用过colorbox）：

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

从javascript函数调用lightbox

1 个答案: