大维-卡西拉吉/laravel-responsive-gallery

一个PHP库,用于创建类似Pinterest的列式响应式画廊。

1.1.4 2019-05-27 17:05 UTC

This package is auto-updated.

Last update: 2024-09-22 03:19:12 UTC


README

Latest Stable Version Build Status StyleCI Quality Score Coverage Status GitHub last commit

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/

代码片段在没有使用图片数据管理界面的情况下也有效。

如何使用

阅读教程和文档 →

贡献

欢迎拉取请求。对于主要更改,请首先打开一个问题来讨论您想进行哪些更改。

请确保适当更新测试。

许可证

MIT