Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/davide-casiraghi/laravel-responsive-gallery

Add Pinterest like Responsive Galleries in your PHP / Laravel application.
https://github.com/davide-casiraghi/laravel-responsive-gallery

bricklayer fancybox gallery gallery-plugin laravel laravel-5-package php

Last synced: about 2 months ago
JSON representation

Add Pinterest like Responsive Galleries in your PHP / Laravel application.

Awesome Lists containing this project

README

        

[![Latest Stable Version](https://img.shields.io/packagist/v/davide-casiraghi/laravel-responsive-gallery.svg?style=flat-square)](https://packagist.org/packages/davide-casiraghi/laravel-responsive-gallery)
Build Status
[![StyleCI](https://styleci.io/repos/175794655/shield?style=flat-square)](https://styleci.io/repos/175794655)
[![Quality Score](https://img.shields.io/scrutinizer/g/davide-casiraghi/laravel-responsive-gallery.svg?style=flat-square)](https://scrutinizer-ci.com/g/davide-casiraghi/laravel-responsive-gallery)
[![Coverage Status](https://scrutinizer-ci.com/g/davide-casiraghi/laravel-responsive-gallery/badges/coverage.png?b=master)](https://scrutinizer-ci.com/g/davide-casiraghi/laravel-responsive-gallery/)

[![GitHub last commit](https://img.shields.io/github/last-commit/davide-casiraghi/laravel-responsive-gallery.svg)](https://github.com/davide-casiraghi/laravel-responsive-gallery)

# Laravel Responsive Gallery 🏞
A PHP library to create responsive galleries that are organized into Pinterest like columns.
To generate the grid is used [Bricklayer.js](http://bricklayer.js.org/).
To open the image in a popup is used [Fancybox 3](https://fancyapps.com/fancybox/3/).

## The snippet

The library replace all the occurrences of this kind of snippet
```
{# gallery src=[holiday_images/london] column_width=[250] gutter=[20] #}
```
With the HTML code of a responsive gallery.
```html




...

```
## The images data management interface (optional)

Trough this interface you can specify for each image:
- the **alt text**
- the **description** shown below the fancy box when the user click on the thumbnail
- a **youtube or vimeo link** (in this case a play icon will be show above the image and clicking on it will open a fancybox showing the related video)

Once you have published the views in your Laravel application, you can access to the images management interface at this address
www.yourwebsite.com/responsive-gallery/

The snippet works also without using the images data management interface.

## How to use it
[Read Tutorial and Documentation →](https://github.com/davide-casiraghi/laravel-responsive-gallery/wiki)

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License
[MIT](https://github.com/davide-casiraghi/bootstrap-accordion-integrator/blob/master/LICENSE.md)