2014-05-08 69 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