的onclick顯示在彈出框中的圖像

我做了一個簡單的畫廊，使用這個腳本來顯示圖像：的onclick顯示在彈出框中的圖像

$rs = mysql_query('SELECT * FROM images WHERE oferta_id=2'); 


while($row = mysql_fetch_array($rs)) 
    { 
     echo '<li onclick="Large()"><img src='.$row['location'].' alt="image"/></li>'; 

    }

，我想在某種程度上使用JavaScript，當一個用戶的點擊某些圖片彈出一個框，並看到他的圖片larger.I認爲我對在<li>標籤使用onclick一個正確的方式，但幾乎不知道如何使這一主題的Large() function.Any幫助？

感謝

Leron

來源

2011-06-20 Leron

我只用一個jQuery插件或其他JavaScript框架的插件。做一個谷歌搜索「jquery lightbox」並查看示例。

有肯定是在寫自己，除非你需要一些特定的功能不可用在那裏或正在尋求建立自己作爲一個學習鍛鍊是沒有意義的。

來源

2011-06-20 21:00:57 john

事實上，我認爲這將是輕鬆的一年，一些非標準的，但它的思想我想這是not.Anyways我會離開的問題開了看一會兒，如果有不需要額外的庫或過多編碼任何非標準的解決方案 – Leron

我建議檢查出的收藏夾選項100S爲您的放大圖像。只是谷歌燈箱。

來源

2011-06-20 21:01:44 Joe

你可以給每個< IMG>遞增的數字ID，並傳遞一個到大功能，即

onclick="Large(0)"

每個圖像將

<img id="image_0" .... />

，這樣你可以得到在大函數中對該特定圖像的唯一引用。

即

function Large(index){ 
    var image = document.getElementById('image_' + index); 
    //your code here 
};

或已經提出，可以使用收藏夾。

此外，另一個選擇是僅添加onclick處理圖像，並通過這一點，那麼你有一個直接的參考圖像，以及，切出的中間人，因爲它是。即

<img onclick="Large(this) .... />

只是一些耐人尋味

來源

2011-06-20 21:06:15 thescientist

是的，在想這件事，但我想我會堅持到收藏夾，只需cheked出來，似乎相當fine.I嘗試避免預先制定的解決方案，因爲我想在編碼期間學習，但認爲這不是正確的時間... – Leron

的onclick顯示在彈出框中的圖像

回答

相關問題