我手動構建的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}" 
        } 
       } 
       } 
      } 
     } 
     }