99％...

Question

......或者說是什麼樣的感覺，至少:)

我知道類似的燈箱廣告連結問題之前，一直在問，但我不知道他們完全適用於我的情況。我正在設置它，以便在Lightbox標題/標題中的鏈接打開全尺寸圖像。換句話說，在我的頁面上，我有一個縮略圖，如果點擊該縮略圖，它會打開一個詳細信息（在Lightbox中），然後在該Lightbox的彈出框下方顯示一些文本，以及查看更大圖像的鏈接（理想情況下作爲一個燈箱彈出。）我已經讀了一堆其他線程，並按照指示將<>更改爲html值等，我想我幾乎在那裏，但它不工作。該鏈接在我的代碼中正確顯示，當我將鼠標懸停在鏈接上時，我會看到一個手指指針，但由於某種原因，單擊它時沒有任何反應。我可以右鍵單擊並在新窗口中打開該鏈接，該工作正常，但顯然（燈箱代碼中的某項內容）阻止了它在頁面上的工作。

我猜我想知道的是：

1. 這可能嗎？
2. 是否比較簡單（我沒有使用Javascript/jquery的經驗...）
3. 是否有可能在燈箱彈出窗口中打開另一個燈箱彈出窗口？
4. 難道還有比燈箱以外的選項，這將允許該

這裏是我到目前爲止的代碼（彩盒Slimbox？）：

<a href="<?php echo dirname($image->url()); ?>/detail/<?php echo $image->name() ?>-detail.jpg" rel="lightbox[<?php echo $page->catalogue(); ?>]" title="&lt;a href='<?php echo dirname($image->url()); ?>/max/<?php echo $image->name() ?>-max.jpg' rel='lightbox'&gt;FULL SIZE&lt;/a&gt;"><img src="<?php echo $image->url() ?>" width="<?php echo $image->width() ?>" height="<?php echo $image->height() ?>" alt="<?php echo $image->name() ?>" /></a> 

這裏是它是如何輸出的例子：

<div class="item" style="width: 194px; margin: 3%;"> 
    <a href="http://www.chrissvensson.info/ces85/content/035-035/detail/DSC_3335-detail.jpg" rel="lightbox[035]" title="&lt;a href='http://www.chrissvensson.info/ces85/content/035-035/max/DSC_3335-max.jpg' rel='lightbox'&gt;MAXIMUM&lt;/a&gt;"><img src="http://www.chrissvensson.info/ces85/content/035-035/DSC_3335.jpg" width="194" height="300" alt="DSC_3335" /></a></div> 

只是爲了澄清，我使用燈箱2.5.1（http://lokeshdhakar.com/projects/lightbox2/）

非常感謝您能夠提供的任何幫助。再次，我很抱歉，如果這已被回答之前...

Answer 1

這是很難說清楚你到目前爲止沒有你發佈多一點你的代碼，但我可以嘗試通過幾個非常基礎你需要做什麼。

首先，大多數燈箱風格的插件是基於jQuery，這意味着你要在客戶端運行一些JavaScript代碼。

您的PHP將生成一切設置的靜態內容，然後您需要運行jQuery插件，它會執行很多魔術並將其轉換爲lightbox。由於您沒有提及您使用的插件，因此我會選擇fancybox，因爲我認爲它有很多不錯的選項：http://fancybox.net/howto。我不會通過所有的無聊的去設置的詳細信息，因爲他們已經是在網站上，但這裏的兩個最重要的位：

• 你需要設置的圖像，通過鏈路封裝，如給出的例子。你的PHP應該動態生成這個，類似於你已經做的。

<a id="image_id" href="image_big.jpg"><img src="image_small.jpg" alt=""/></a>

任何JavaScript之前，它只是一個圖像（image_small.jpg）的縮略圖，通過鏈接到全尺寸的一個（image_big.jpg）

• 我們使這個實際工作，你需要將JavaScript插件指向您剛剛創建的鏈接。

我會建議你通過一些基本的jQuery的文檔或教程類似this one讀，你會發現該庫確實有用，但長話短說，通過在jQuery的ID選擇一個元素，你這樣做： $('#image_id')。

所有你需要做的，是這個環節上運行的fancybox當插件加載： $('#image_id').fancybox();

最好的地方，把這個距離jQuery的$(document.ready(function(){/*your code in here*/})加載頁面時，這是電話。

隨着fancybox，當窗口打開時添加標題/標題，您只需要將caption="caption here"屬性添加到您創建的<a>錨點。

關於你提到的有關的燈箱內彈出一個燈箱彈出的問題，它是完全可能的，但你必須做一些額外的JavaScript魔術的一點點。我的建議是考慮用戶體驗並找到替代方案（可能只是允許用戶下載大量圖像，或者查找允許您放大某些內容的插件），因爲打開兩個模式對話聽起來讓用戶感到非常困惑！

無論如何，希望這有助於。