Question

我有一个包含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

谢谢，

Answer 1

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

也许有帮助：）

如何打印图库说明

1 个答案: