2011-10-08 40 views
1

我正在使用PHP & nyromodal打開包含一系列圖像(從數據庫調用)的模式。當單擊其中一個縮略圖時,我想要打開另一個模式(包含較大的圖像)在已打開的模式之上。相反,它所做的只是調整已打開的模式並將圖像放在那裏。我要的是一個新的模式,這樣,當用戶關閉新模式舊的模式仍是其下方開...nyromodal中的嵌套模態

代碼:

一個主要的頁面:

<script type="text/javascript"> 
$().ready(function() { 
$('a.projectmodaltrigger').nm(); 
$('a.projectcontentimgtrigger').nm(); 
}); 
</script> 

<a href="project.php?id=1" class="projectmodaltrigger"> 
<img src="uploads/projects/1/test1.jpg" border="0" /> 
</a> 

在模式(project.php)中打開的頁面上:

<a href="uploads/projectcontent/1/image.jpg" class="projectcontentimgtrigger"> 
<img src="uploads/projectcontent/1/thumb/image.jpg" border="0" /> 
</a> 

這可能嗎?明智?誰能幫忙?

感謝, HR

+0

你可以發佈你用來打開模式的代碼片段嗎?它可能會創建嵌套的模式,所以它需要有一個正確的代碼。 – macgyver

+0

感謝macgyver,我編輯了我原來的帖子以包含代碼。 – user885609

回答

0

我認爲你必須添加目標=「_空白」中的第一個鏈接:

<a href="project.php?id=1" class="projectmodaltrigger" target="_blank"> 
<img src="uploads/projects/1/test1.jpg" border="0" /> 
</a> 

所以nyroModal將在iframe打開目標PHP頁面,這應該允許您需要的嵌套模式。 讓我知道它將如何去。

+0

感謝您的建議macgyver。它並不適用於我(儘管它確實解決了一件事 - 我現在放入目標的jwplayer出現了,它以前沒有出現過)。但目標圖像現在出現在同一個窗口中,只有窗口沒有調整大小......我想用jqmodal去實際上,似乎已經提供了嵌套。 – user885609

+0

不客氣。用nyroModal調整模態iframe窗口的大小是另一個問題......它需要處理回調。 – macgyver

0

既然我已經爲自己解決了這個問題,我可以告訴你我做了什麼。

這是不夠的,給第二模式相同的類「projectcontentimgtrigger」,你必須明確地問nyroModal堆棧的後續環節在情態動詞是這樣的:

$('a.projectmodaltrigger').nm({'stack' : true}); 

最後一件事:如果第二層模態必須自己堆疊在模態中,則必須在新頁面的某個位置包含相同的調用(例如,爲您的project.php)。這可以用jquery.live()解決(也許我沒有嘗試)。所以再次在「project.php」:

$('a.projectmodaltrigger').nm({'stack' : true}); 

希望這有助於!