在表达式引擎中使用Remodal JS和Gallery

时间:2016-03-31 15:45:17

标签: javascript html modal-dialog expressionengine

希望有人可以提供帮助 - 我使用Expression Engine作为平台,我使用Remodal(作为模态)与画廊一起工作。画廊页面由砖石风格的多个图像组成,我想要的基本上是当用户点击图像时,Remodal弹出窗口启动并在弹出窗口中显示图像。使用下面的代码,弹出功能没有问题,但是,问题是,您点击的页面上的图像,弹出窗口中的第一个图像和标题,而不是您希望看到的图像(你的那个)点击)。

根据我的理解,我现在需要使用一些Javascript来弹出你点击的图像,但是说实话我并不擅长Javascript,所以任何帮助都会很棒。

这是模态HTML:

  

      

{exp:channel:entries
    channel="gallery"
    dynamic="off"
    limit="1"
    url_title="{segment_3}"
}

<img src="{cf_gallery_image}" alt="{title}" />

<div class="gallery__title">{title}</div>
{if cf_gallery_copy != ""}
    <div class="gallery__subtitle">{cf_gallery_copy}</div>
{/if}

{/exp:channel:entries}

因此,当您点击图库页面上的任何图片时,上面的代码会显示一个弹出窗口,但仅显示页面上的第一张图片,而不是您希望看到的图片。

图库HTML:

  

                                                        {EXP:ce_img:一对                           SRC = “{} cf_gallery_image”                           fallback_src = “静态/图像/织物-NO-image.png”                           宽度= “360”                           作物=“不”                       }                                                  {/ EXP:ce_img:一对}                                  

谢谢。 麦克

0 个答案:

没有答案