通過Fluid添加magnificPopup

我想通過Typo3中的DCE添加圖像。對於普通圖像，您只需添加一個勾號即可爲圖像激活jh_magificpopup。但在DCE內部，我不能僅僅檢查一個盒子或什麼來添加magnificpopup。所以我看着源代碼，發現magnificpopup添加一個名爲類「magnificpopup到圖像的一個標籤，所以我嘗試這樣說：通過Fluid添加magnificPopup

<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>

但這不起作用。任何想法什麼即時通訊做錯了？它是在一個新的標籤，公共汽車只是在文件視圖中打開圖片，但應該是在同一網站上應該是開放的燈箱

來源

2016-04-25 Pingbeat

是在前端類輸出？同時檢查是否沒有js錯誤 – Urs

沒有js錯誤。該類在前端的源代碼中是可見的，但它不起作用。 magnificpopup的js也由插件自動添加。 jh_magnificpopup。它適用於不屬於DCE的頁面上的其他圖片。 – Pingbeat

您能否將鏈接發佈到非工作頁面？ – Urs

我修正了這個。缺少需要的課程

<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="image-wrap csc-textpic-imagewrap"

來源

2016-04-25 13:16:56 Pingbeat

通過Fluid添加magnificPopup

回答

相關問題