Content management system 表达式引擎：Fancybox+；嗯？

我在将fancybox与表达式引擎一起使用时遇到问题

基本上，我有不同的画廊设置使用矩阵插件。每个画廊大约有10张图片。基本上，我希望缩略图打开fancybox，fancybox能够滚动浏览矩阵条目/图库中的图像

听起来很简单，但我似乎无法让fancybox在图像中滚动，它只是停留在第一张图像上

这是我的缩略图代码：

<ul id="image_gallery">
              {exp:channel:entries channel="gallery_images"}
               <li>
                    <a class="grouped_elements" href="{title_permalink='gallery/view'}" rel="{title}">
                    {gallery_image limit="1"}
                        {exp:imgsizer:size src="{image}" width="200px" height="180px"}
                            <img src="{sized}" width="{width}" height="{height}" alt="" />
                    {/exp:imgsizer:size}
                    {/gallery_image}
                    </a>
                    <h1>{title}</h1>
                </li>
                {/exp:channel:entries}
        </ul>  

{exp:channel:entries channel=“gallery_images”}

{title}

{/exp:channel:entries}

这是我的fancybox模板代码：

{exp:channel:entries channel="gallery_images"}
<ul id="img_gallery">
{gallery_image}
<li>
    {exp:imgsizer:size src="{image}" width="650px" height="500px"}
    <img src="{sized}" width="{width}" height="{height}" alt=""/>
    {/exp:imgsizer:size}
</li>
{/gallery_image}
</ul>{/exp:channel:entries}  

{exp:channel:entries channel=“gallery\u images”}

{图库\图像}

{exp:imgsizer:size src=“{image}”width=“650px”height=“500px”}
{/exp:imgsizer:size}

{/gallery_image}
{/exp:channel:entries}

除了图像滚动之外，一切都正常

---

我将感谢任何帮助

如果看不到ExpressionEngine标记的输出，就很难理解问题所在。但是，您的问题可能很简单，只要确保库中的所有图像共享相同的图像即可

从共享相同

rel=”“

属性的元素创建：

<a class="gallery" rel="set_1" href="#"><img src="1.jpg" alt=""/></a>
<a class="gallery" rel="set_1" href="#"><img src="2.jpg" alt=""/></a>
<a class="gallery" rel="set_1" href="#"><img src="3.jpg" alt=""/></a>

<script>
    $('a.gallery').fancybox();
</script>

---

如果这不起作用，也许您可以提供一个更完整的代码示例，如或，以帮助我们了解问题所在。

这不是EE问题，您应该发布您的Fancybox脚本。

<a class="grouped_elements" href="{title_permalink='gallery/view'}" rel="{title_permalink}">
    <img src="{sized}" width="{width}" height="{height}" alt="" />
</a>