通过 Fluid 添加 magnificPopup

Question

我想在 Typo3 中通过 DCE 添加图像。对于普通图像，您只需添加一个勾号即可为图像激活 jh_magificpopup。但是在 DCE 中，我不能只选中一个框或其他东西来添加 magnificpopup。所以我查看了源代码，发现 magnificpopup 添加了一个名为“magnificpopup”的 class 到图像的 a-tag。所以我这样尝试：

<f:section name="main">
<div class="row">       
<f:for each="{dce:fal(field:'images', contentObject:contentObject)}" as="fileReference" iteration="iterator">
    <div class="col-sm-6 col-md-4"> 
        <a class="magnificPopup" href="fileadmin/user_upload/{fileReference.originalFile.name}">
            <f:image src="{fileReference.uid}" alt="" treatIdAsReference="1" width="200px"/>    
        </a>
    </div>
</f:for>
</div>

但这不起作用。知道我做错了什么吗？它在新选项卡中打开图片，仅在文件视图中显示总线。但是在同一个站点应该有应该是openend的灯箱。

Answer 1

我是这样修的。它缺少 class 所需要的。

<f:section name="main">
<div class="row">
<f:for each="{dce:fal(field:'images', contentObject:contentObject)}" as="fileReference" iteration="iterator">
    <div class="col-sm-6 col-md-4"> 
        <div class="image-wrap csc-textpic-imagewrap">
        <a class="magnificpopup" href="fileadmin/user_upload/{fileReference.originalFile.name}">
            <f:image src="{fileReference.uid}" alt="" treatIdAsReference="1" width="200px"/>    
        </a>
        </div>  
    </div>
</f:for>
</div>

缺少 class 是 class="image-wrap csc-textpic-imagewrap"

通过 Fluid 添加 magnificPopup

Adding magnificPopup via Fluid

typo3

typoscript

magnific-popup