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

【问题标题】：My manually built TYPO3 lightbox isn't working properly我手动构建的 TYPO3 灯箱无法正常工作
【发布时间】：2014-03-24 20:52:52
【问题描述】：

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

怎么了？

【问题讨论】：

标签： typo3 colorbox typo3-6.1.x

【解决方案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}"
                    }
                }
              }
          }
        }
      }

【讨论】：