灯箱TYPO3实施不起作用(没有扩展)

时间:2018-01-27 09:45:07

标签: jquery typo3 lightbox2

我尝试将lightbox2应用到TYPO3 8.7.8中,但它不起作用(我不允许使用扩展程序。

正确实施了lightbox.js和lightbox.css。 (它们出现在Chrome中的开发者工具中)

我认为这个错误是在typoscript的某个地方。

在我的主Root模板中,我放了

tyles.content.imgtext.linkWrap {
    lightboxEnabled = 1
    width = 800
}


 tt_content.image.20.1.imageLinkWrap.linkParams.ATagParams.dataWrap = data - lightbox = "{field:uid}"

在配置模板中我放了

  noScaleUp = 1

任何帮助将不胜感激谢谢!

1 个答案:

答案 0 :(得分:1)

我假设您正在使用fluid_styled_content;

这是我用来使它工作的设置

1)我从http://lokeshdhakar.com/projects/lightbox2/下载了文件并将它们放在/ fileadmin /下用于此测试(但我建议您为此创建自己的前端扩展,以便开始https://www.youtube.com/watch?v=HtBmim7pc0o

2)TypoScript设置

lib.contentElement.settings.media.popup.linkParams.ATagParams.dataWrap = class="" data-lightbox="lightbox-{field:uid}" 

page.includeCSS {
  file1 = fileadmin/lightbox.min.css
}

page.includeJSFooter {
   file1 = https://code.jquery.com/jquery-3.3.1.min.js
   file1.external = 1
   file1.forceOnTop = 1
   file2 = fileadmin/lightbox.min.js
}