simplemodal點擊顯示圖片？

我一直在研究這個問題大約十個小時，而且我並沒有比開始時更接近Grookking方法。在http://www.ericmmartin.com/projects/simplemodal的例子中，似乎都沒有用我熟悉的術語和HTML代碼來解決這個任務。我的測試頁面是：http://chesstao.com/test.php simplemodal點擊顯示圖片？

我想我遵循的指示，並試圖：

<!DOCTYPE html> <html lang="en"> 

<head><title>test</title> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<link href="../css/demo.css" rel="stylesheet" /> 
<link href="../css/basic.css" rel="stylesheet" /> 
<link href="../css/gallery.css" rel="stylesheet" /> 

</head><body> 

<div><a href="images/aveskulov-large.jpg" id="sample"> 
click me </a></div> 

<!--jQuery--> 
<script src="http://code.jquery.com/jquery-latest.pack.js"></script> 
<script src="js/jquery.simplemodal-1.4.1-min.js"></script> 
<script src="js/basic-min.js"></script> 
<script src="js/gallery-min.js"></script> 

<script>$("#sample").modal({opacity:80,overlayCss: {backgroundColor:"#fff"}});</script> 

</body></html>

但結果很糟糕。我真的很想知道我錯過了什麼簡單的解決方案！

來源

2011-10-13 verlager

如果你的問題是，在新窗口中的圖像打開它，可能是因爲按我有一個href.It將不會加載任何其他代碼直接進入href。嘗試將圖像製作成html img標籤，將其設置爲不顯示任何內容，然後在某個元素的點擊時執行模式並將顯示設置爲阻止。

我不知道你的網頁的最後一個版本是否是你的嘗試，但如果它是有更多的錯誤，是阻止它的工作。但是這會得到你想要的。我相信你可以關閉這項工作得到它做的，看你怎麼想，但是這是我沒有得到它的工作

$(document).ready(function() { 
    $("#sample").click(function(){ 
     $.modal("<img src=\"test.php_files/aveskulov-large.jpg\" style=\"\"/>"); 
    }); 
});

此外，如果你這樣做，你需要拿出IMG HTML標記，以便它只存在於此模式中。好運與其餘。附：如果你沒有Firebug獲取它，它是一個Firefox插件，它會告訴你你有一個語法錯誤。

來源

2011-10-13 22:47:26

click me

- 沒有用。 – verlager

我不知道如果我編輯我的文章，但我更新它是否stackoverflow通知。 –

非常感謝！ simplemodal是http://chesstao.com的多功能產品，我決定將其用於我的其他網站http://communitychessclub.com，以將照片組顯示爲相關的圖片。 – verlager

嘗試安裝簡單模式當DOM完全載入：

<script> 
$(document.ready(function() { 
    $("#sample").modal({opacity:80,overlayCss: {backgroundColor:"#fff"}}); 
}); 
</script>

來源

2011-10-13 22:46:05 Clive

這有一點幫助。但是圖像在瀏覽器中以新標籤彈出，而不是模式。 – verlager

simplemodal點擊顯示圖片？

回答

相關問題