Добавление magnificPopup через Fluid

Question

Я хочу добавить изображения через DCE в Typo3. Для нормальных изображений вам нужно добавить галочку, чтобы активировать jh_magificpopup для изображений. Но внутри DCE я не могу просто отметить коробку или что-то добавить magnificpopup. ., Так что я посмотрел в исходный код и обнаружил, что magnificpopup добавляет класс под названием «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>   

Но это не работает Любая идея, что она делает Неправильно? Открывает изображение на новой вкладке, автобус только в файле. Но должен быть лайтбокс, который должен быть открыт на том же сайте.

Answer 1

Я исправил его так: отсутствующий класс, который необходим.

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