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 + "\" />"});
});
});
或者这也许更好的工作(在一段时间对不起,我没有用颜色框)
第二种解决方案没有奏效。彩盒窗口打开,但没有显示图片 - 只是奇怪的符号。你的第一个解决方案有效,只有一个问题第一次点击按钮时,会打开一个小小的colorbox窗口并显示“x”。如果您点击x,然后再次点击按钮,它会正确显示。任何想法如何解决这个问题? – user3380034
我想出了问题 - 我不得不手动将高度和宽度添加到colorbox功能。现在事情都很好。 – user3380034