我手动构建的TYPO3灯箱无法正常工作

Question

在COA中，我使用此TypoScript添加链接到其自身的较大副本的图像。但是我使用的Javascript插件（Colorbox）无法正确调整图像大小。

20 = CONTENT 
    20 { 
    wrap = <div class="lightbox clearfix">|</div> 
    required = 1 

    table = tt_content 
    select.languageField = sys_language_uid 
    select.where = colPos = 2 
    select.selectFields = bodytext,image,header 
    renderObj=COA 
    renderObj{ 

     10 = FILES 
     10 { 
      required = 1 
      references { 
      table = tt_content 
      fieldName = image 
      } 
      renderObj = IMAGE 
      renderObj { 
      file.import.data = file:current:originalUid // file:current:uid 
      file.width=300c 
      file.height=300c 
      imageLinkWrap = 1 
      imageLinkWrap { 
       enable = 1 
       width = 1600m 
       height = 1600m 
       JSwindow = 0 
       linkParams.ATagParams { 
       // title.data = 
        dataWrap = class = "lightbox-group" title="{file:current:description}" 
       } 
      } 
      } 
     } 
    } 
    } 

这是怎么回事？

Answer 1

这是正确的TypoScript。我分享它，因为这是别人可能会偶然发现的传统古怪。

您必须设置imageLinkWrap.directImageLink = 1，否则imageLinkWrap将不会提供图像本身，而是一个HTML页面containing that image！

20 = CONTENT 
20 { 
     wrap = <div class="lightbox clearfix">|</div> 
     required = 1 

     table = tt_content 
     select.languageField = sys_language_uid 
     select.where = colPos = 2 
     select.selectFields = bodytext,image,header 
     renderObj=COA 
     renderObj{ 


      10 = FILES 
      10 { 
       required = 1 
       references { 
       table = tt_content 
       fieldName = image 
       } 
       renderObj = IMAGE 
       renderObj { 
       file.import.data = file:current:originalUid // file:current:uid 
       file.width=300c 
       file.height=300c 
       imageLinkWrap = 1 
       imageLinkWrap { 
        enable = 1 
        width = 1600m 
        height = 1600m 
        directImageLink = 1 
        JSwindow = 0 
        linkParams.ATagParams { 
        // title.data = 
         dataWrap = class = "lightbox-group" title="{file:current:description}" 
        } 
       } 
       } 
      } 
     } 
     }