0

我有一个包含 15 张图片的图片库，它以正常大小显示第一张图片，其余的是底部的拇指，当您单击拇指时，它会用那个替换正常大小的图片，如果您单击正常大小的图片，它显示在带有图像描述的灯箱样式弹出窗口上。此画廊布局称为 Galleria 及其 SIG Pro 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

谢谢，

4

1 回答 1

0

使用 som javascript/dom 设置字幕怎么样？它有点 hacky 但是，我会尝试有一个 onClick 事件，它调用一个函数来应用描述。

在拇指部分类似：

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

和描述：

// 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（或者jquery，如果你正在使用它）替换它

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

也许它有帮助:)

于 2013-10-10T08:56:56.277 回答