Concrete5，Imageflow和Fancybox JQuery

Question

我知道这篇文章看起来很长，但我相信有一个非常简单的解决方案。请读一遍。

好的，我这里有一个小php，用来获取图像：

<div id="<?php echo $smallThumbs; ?>" class="imageflow">
<?php 

foreach($images as $imgInfo) {
$f = File::getByID($imgInfo['fID']);

    echo '<img src="';
    echo $f->getRelativePath();
    echo '" longdesc="';
    echo $f->getRelativePath();
    echo '" ';
    echo 'alt="';
    echo $imgInfo['description'];
    echo '"/>';
        ;}; ?>

</div>

这是fancybox代码：http://www.pastie.org/2096958

我把它粘在帕斯蒂上，因为它太长了，我什么也看不出来。

我改变了最后一点

$(".login-popup-link").fancybox

至

$(".imageflow").fancybox

才能得到任何结果。现在弹出式显示，但上面写着

“无法加载所请求的内容。请稍后再试。”

在我使用相同功能的另一个地方，它与基本图像的代码一起平稳地运行，当单击该代码时显示弹出窗口。

<a class="login-popup-link" href="#login-popup"><img src="images/vid.png" width="280" height="216"/></a>

请帮帮我！我还试着在上面的php代码中添加'a‘标签，但这只会让整个库消失。

提前谢谢你！

Answer 1

Fancybox对标记本身起作用，但在代码中，您将它指向围绕“a”标记的位置。您需要做的是从以下内容更改javascript：

$(".imageflow").fancybox({

对此：

$(".imageflow a").fancybox({

请注意，如果希望将多个图像组合在一起，以便可以单击fancybox中的箭头在它们之间来回移动，则需要为每个'a‘标记赋予相同的"rel“属性，例如：

echo '<img src="';
echo $f->getRelativePath();
echo '" longdesc="';
echo $f->getRelativePath();
echo '" rel="gallery1"';
echo 'alt="';
echo $imgInfo['description'];
echo '"/>';