通过 
搜索
搜索xirdion / contao-photoswipe-bundle
contao 项目中添加 photoswipe 弹出框的 bundle
1.1.0
2022-09-21 13:39 UTC
Requires
- php: ^8.1
- ext-json: *
- contao/conflicts: @dev
- contao/core-bundle: ^4.13 | ^5.0
Requires (Dev)
- contao/manager-plugin: ^2.0
- contao/test-case: ^5.0
- friendsofphp/php-cs-fixer: ^3.0
- phpstan/phpstan: ^1.4
- phpstan/phpstan-phpunit: ^1.0
- phpstan/phpstan-symfony: ^1.1
- phpunit/phpunit: ^9.5
- roave/security-advisories: dev-latest
- slam/phpstan-extensions: ^6.0
- thecodingmachine/phpstan-strict-rules: ^1.0
README
此 bundle 实现了 Photoswipe.js 作为图片和画廊的弹出框。
注意
使用自定义版本的 photoswipe，否则在关闭弹出框时会出现错误。
根据 此问题 对代码进行了升级。
在解析模板时动态添加额外的 HTML 标记
- 目前只考虑了
image和gallery模板 - 生成并添加了一个唯一的 photoswipe-gallery-class（
pswp__container--<template-ID>）到以下模板属性- 图像模板的
floatClass - 画廊模板的
row
- 图像模板的
- 将
data-pswp-src添加到图像锚点标签 - 使用
data-pswp-width和data-pswp-height将原始图像的尺寸添加到图像标签
只有当有唯一的 photoswipe 选择器时，才将额外的 CSS 和 JS 资源添加到响应中