수동으로 만든 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}" 
        } 
       } 
       } 
      } 
     } 
     }