画廊和花式盒子答案

【问题标题】：Gallery and Fancybox画廊和花式盒子
【发布时间】：2012-05-14 20:22:03
【问题描述】：

我在MODxRevolution 2.1.5 上使用图库片段。

我正在调用基本图库片段以及指定的专辑。

我正在尝试将 Fancybox (jQuery Lightbox) 链接到缩略图和图像。

这是 MODx 在资源上输出的内容：

<div class="gal-item"> 
<a href="path/to/page/test.html?galItem=1&galAlbum=1&galTag="> 
<img class="" src="/assets/components/gallery/connector.php?action=web/phpthumb&w=100&h=100&zc=1&far=C&q=90&src=%2Fassets%2Fcomponents%2Fgallery%2Ffiles%2F1%2F4.jpg" alt="lorem-ipsum-2.jpg" /> 
</a> 
</div>

我已经正确选择了内容，当我点击链接标签中包含的图片时，我会收到以下消息：

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

怎么加载不出来？它正在加载缩略图，它需要原始图像来创建缩略图。怎么找不到图片？

注意：我正在使用此插件的默认设置。

谢谢！

【问题讨论】：

你的大图片的网址是什么（在弹出窗口中）？这个 "path/to/page/test.html?galItem=1&galAlbum=1&galTag=" .. ?

标签： php html fancybox modx modx-revolution

【解决方案1】：

正如 AlexC 所提到的，我认为这与您的大图像路径有关。您是否尝试过直接访问该 URL 并查看图像是否加载。您可以尝试删除 fancybox 代码，然后单击拇指并查看链接是否正常工作。图片应在浏览器窗口中自行加载。

【讨论】：

【解决方案2】：

id 喜欢这样的原因有很多。

我认为它可能是什么，你尝试在你拥有这个人之前加载内容，我的意思是使用一些 Ajax，它在你应用“fancybox”之后加载

你可以试试这个：

移除“fancybox”类名

并使用此代码：

$(".gal-item").live("click", function(){
    var $href = $(this).find("a").attr("href");

    var $href = $(this).attr("href");


    $.fancybox({
       href:$href
    });

});

【讨论】：