如何打印图片库的描述

我有一个图片库与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

谢谢

来源

2013-10-10 Isabel

有关使用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; 
}

也许它有帮助:)

来源

2013-10-10 08:56:56 domokun

如何打印图片库的描述

回答

相关问题