0

我知道这篇文章似乎很长，但我确信有一个非常简单的解决方案。请通读。

好的，所以我在这里有一个小 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>

这是花式框代码： 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”标签，但这只会使整个画廊消失。

先感谢您！

4

1 回答 1

0

Fancybox 对 <a> 标记本身起作用，但在您的代码中，您将其指向围绕“a”标记的 <div>。您需要做的是从这里更改 javascript：

$(".imageflow").fancybox({

对此：

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

请注意，如果您希望将多个图像组合在一起，以便您可以单击幻想框中的箭头在它们之间来回切换，则需要为每个“a”标签赋予相同的“rel”属性，例如：

echo '<img src="';
echo $f->getRelativePath();
echo '" longdesc="';
echo $f->getRelativePath();
echo '" rel="gallery1"';
echo 'alt="';
echo $imgInfo['description'];
echo '"/>';
于 2011-06-22T00:42:54.820 回答