我手动制作的TYPO3灯箱不能正常工作

时间:2014-03-24 20:52:52

标签: typo3 colorbox typo3-6.1.x

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

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

什么了?

1 个答案:

答案 0 :(得分: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}"
                    }
                }
              }
          }
        }
      }