TYPO3 7.6没有灯箱扩展工作

TYPO3 7.6 none lightbox extensions work

本文关键字：扩展 工作 TYPO3      更新时间：2023-09-26

我试图使它工作lightbox样式的图像弹出，但没有-所有的扩展不工作。似乎typo3配置有问题或其他什么。电子工程。"完美灯箱"-安装，模板添加，在contect图像复选框"点击放大"answers"灯箱"选中。但是什么也没发生。在浏览器控制台没有JS错误，JS文件完美灯箱加载。在页面源代码中，图像周围的一段代码如下:

<a href="http://.../index.php?eID=tx_cms_showpic&amp;file=17&amp;md5=14b002d6aa25f9dd945e2a4e6c21ea4347298d11&amp;parameters%5B0%5D=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjQ6IjYw&amp;parameters%5B1%5D=MG0iO3M6NzoiYm9keVRhZyI7czo0MToiPGJvZHkgc3R5bGU9Im1hcmdpbjowOyBi&amp;parameters%5B2%5D=YWNrZ3JvdW5kOiNmZmY7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2&amp;parameters%5B3%5D=YXNjcmlwdDpjbG9zZSgpOyI%2BIHwgPC9hPiI7fQ%3D%3D" onclick="openPic('http:'/'/...'/index.php?eID=tx_cms_showpic'u0026file=17'u0026md5=14b002d6aa25f9dd945e2a4e6c21ea4347298d11'u0026parameters%5B0%5D=YTo0OntzOjU6IndpZHRoIjtzOjQ6IjgwMG0iO3M6NjoiaGVpZ2h0IjtzOjQ6IjYw'u0026parameters%5B1%5D=MG0iO3M6NzoiYm9keVRhZyI7czo0MToiPGJvZHkgc3R5bGU9Im1hcmdpbjowOyBi'u0026parameters%5B2%5D=YWNrZ3JvdW5kOiNmZmY7Ij4iO3M6NDoid3JhcCI7czozNzoiPGEgaHJlZj0iamF2'u0026parameters%5B3%5D=YXNjcmlwdDpjbG9zZSgpOyI%2BIHwgPC9hPiI7fQ%3D%3D','thePicture','width=800,height=600,status=0,menubar=0'); return false;" target="thePicture">
  <img src="http://.../fileadmin/_processed_/csm_room_05_3bd2eeb267.jpg" width="150" height="112" alt="" />
</a>

没有任何灯箱类生成(应该有吗?)

今天也是偶然发现了这个问题!

这将在您的ts-setup中工作:

# deactivate fsc popup, lightbox wrap
lib.fluidContent.settings.media.popup {
    directImageLink = 1
    JSwindow = 0
    linkParams.ATagParams.dataWrap = class="lightbox" data-fancybox-group="lb{field:uid}"
}

你必须根据你的lightbox-plugin改变"dataWrap"-Attributes，给出的例子适用于fancybox。

(原链接:https://forum.typo3.org/index.php/t/213375/)

从typo37开始，您可以使用CSC (css_styled_content)或FSC (fluid_styled_content)来呈现页面内容。两个扩展都使用不同的方法来呈现内容元素。你用什么?

也许你看到的扩展只增强/修改了其他渲染扩展?
您试过哪些分机?
你是否包含了他们的静态模板?

如果你对所有这些都不满意，你也可以使用任何javascript-gallery/-picture-viewer，基本上只需要很少的插入特殊标记和少量的JS来初始化查看器:

在http://lokeshdhakar.com/projects/lightbox2/上找到一个示例灯箱库除了包含jquery和JS库之外，还需要在基于html标记的初始化中包含一些JS。这个库似乎适用于具有相同数据属性data-lightbox:

的所有图像。

set option: 

lightbox.option({
  'resizeDuration': 200,
  'wrapAround': true
})
对于您的图像，请确保使用以下数据属性增强渲染，例如: 
<a href="images/image-2.jpg" data-lightbox="my_lightbox">Image #2</a>
<a href="images/image-3.jpg" data-lightbox="my_lightbox">Image #3</a>
<a href="images/image-4.jpg" data-lightbox="my_lightbox">Image #4</a>

您可能会使在一个页面上使用多个灯箱或只包含选定的图像变得更复杂

链接在你的代码片段中仍然使用默认渲染来打开一个弹出窗口。

正如Bernd提到的，您可能忘记添加静态模板。

也许你可以试着加上下面的

# turn of the popup window
tt_content.image.20.1.imageLinkWrap.JSwindow = 0
# create a link to a bigger verion of the image
tt_content.image.20.1.imageLinkWrap.directImageLink = 1

如果js和css在适当的地方，它可能会工作。

编辑:由于您使用fluid_styled_content:

styles {
    content {
        textmedia {
            linkWrap.lightboxEnabled = 1
            linkWrap.lightboxCssClass = fluidbox
            linkWrap.lightboxRelAttribute >
        }
    }
}

根据需要修改lightboxCssClass和lightboxRelAttribute。有了JS和CSS，你就不需要任何扩展了。

相关文章：