画廊和Fancybox

时间:2012-05-14 20:22:03

标签: php html fancybox modx modx-revolution

我在MODx革命2.1.5上使用了Gallery Snippet。

我正在调用基本的Gallery Snippet以及指定的相册。

我正在尝试将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>

我已正确选择内容,当我点击链接标记中包含的图像时,我收到此消息:

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

如何加载?它正在加载缩略图,它需要原始图像才能创建缩略图。怎么找不到图像?

注意:我使用此附加组件的默认设置。

谢谢!

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:1)

我可能有很多原因,为什么id会这样。

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

你可以试试这个:

  1. 删除“fancybox”类名

  2. 并使用此代码:

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

    });