2013-10-10 93 views
0

我有一個圖片庫與15圖片,它顯示正常大小的第一個圖像,其餘的是拇指在底部,當你點擊拇指它用一個替換正常大小的圖像,如果您點擊正常大小的圖片,則會在帶圖片說明的Lightbox樣式彈出窗口中顯示。 這個畫廊佈局叫做廣場和SIG專業的Joomla插件的一部分:如何打印圖片庫的描述

http://demo.joomlaworks.net/simple-image-gallery-pro

每幅圖像的圖像描述顯示在彈出,但我想消除這種行爲,示出描述低於正常大小的圖像。 我的問題是關於PHP,我很喜歡這個。 對於我想通了,我可以打印所有的大拇指說明這一點:

<?php foreach($gallery as $count=>$photo): ?> 
<p class="sigProGalleriaTargetTxt"><?php echo $photo->captionDescription; ?></p> 
<?php endforeach; ?> 

但我想打印僅僅是選擇了圖像的描述。 我嘗試這樣做:

<p class="sigProGalleriaTargetTxt"><?php echo $gallery[0]->captionDescription; ?></p> 

但這僅打印所述第一圖像的描述,因爲它的值爲0(第一圖像)。 我看到我需要根據所選圖像增加$ gallery的值。 我該如何做到這一點?

下面是完整的PHP文件: http://codepad.org/MlPbgPzl

謝謝

回答

0

有關使用SOM的JavaScript/DOM來設置標題是什麼?它有點哈克但是,我會嘗試有一個onClick事件調用一個函數來應用描述。

在大拇指部分類似

<span class="sigProLinkWrapper"> 
    <a onClick="setDesc('<?php echo $photo->captionDescription; ?>');" href="... 

和用於描述:(如果你使用的那個或jquery的)

// leaving the <?php tag like this, so you get always the first description 
// but adding an id tag 
<p id='photoDescription' class="sigProGalleriaTargetTxt">$gallery[0]->captionDescription; ?></p> 

,最後用一些JavaScript替換它

function setDesc(photoDesc) 
{ 
    var descContainer = document.getElementById("photoDescription").innerHTML= photoDesc; 
} 

也許它有幫助:)