大维-卡西拉吉 / laravel-responsive-gallery
一个PHP库,用于创建类似Pinterest的列式响应式画廊。
1.1.4
2019-05-27 17:05 UTC
Requires (Dev)
- orchestra/testbench: ~3.0
- phpunit/phpunit: ^8.0
README
Laravel Responsive Gallery 🏞
一个PHP库,用于创建类似Pinterest的列式响应式画廊。
用于生成网格的是 Bricklayer.js。用于在弹出窗口中打开图片的是 Fancybox 3。
代码片段
库将替换所有此类代码片段
{# gallery src=[holiday_images/london] column_width=[250] gutter=[20] #}
为响应式画廊的HTML代码。
<div class='responsiveGallery bricklayer' data-column-width="250" data-gutter="20"> <div class='box'> <a href='gallery/holidays/IMG_1584.jpg' data-fancybox='images' data-caption=''> <img src='gallery/holidays/thumb/IMG_1584.jpg' /> </a> </div> <div class='box'> <a href='gallery/holidays/IMG_1244.jpg' data-fancybox='images' data-caption=''> <img src='gallery/holidays/thumb/IMG_1244.jpg' /> </a> </div> ... </div>
图片数据管理界面(可选)
通过此界面,您可以指定每张图片
- alt文本
- 当用户点击缩略图时在fancy box下方显示的 描述
- youtube或vimeo链接(在这种情况下,将在图片上方显示一个播放图标,点击它将打开一个显示相关视频的fancy box)
一旦您在Laravel应用程序中发布了视图,您可以通过此地址访问图片管理界面 www.yourwebsite.com/responsive-gallery/
代码片段在没有使用图片数据管理界面的情况下也有效。
如何使用
贡献
欢迎拉取请求。对于主要更改,请首先打开一个问题来讨论您想进行哪些更改。
请确保适当更新测试。