sy/photoswipe

Photoswipe web component

1.1.0 2022-11-02 17:47 UTC

Requires

• php: >=5.6.0
• sy/webcomponent: ^2

MIT

• Syone

README

Photoswipe gallery web component using PhotoSwipe v4

Installation

$ composer require sy/photoswipe

Basic Usage

On the php side, add the component:

$this->setComponent('PHOTOSWIPE', new \Sy\Component\Web\PhotoSwipe());

On the template file, don't forget to add a slot {PHOTOSWIPE}

On the html side, put images on a container with the class "photoswipe-gallery":

<div class="photoswipe-gallery">
	<img src="https://picsum.photos/id/1/400/300" alt="Image 1" />
	<img src="https://picsum.photos/id/2/400/300" alt="Image 2" />
	<img src="https://picsum.photos/id/3/400/300" alt="Image 3" />
	<img src="https://picsum.photos/id/4/400/300" alt="Image 4"/>
	<img src="https://picsum.photos/id/5/400/300" alt="Image 5" />
</div>

You can try to run an example of how to use this component.