plagasul / kirby-images

A plugin for Kirby 2 that lets you add and sort groups of images

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Kirby Images Buy me a beer

The images field can be used to edit groups of images very easily by drag-and-drop. Simply take an image from the sidebar and drop it on the field. You can also reorder images inside the field, not linked to the regular order.

Installation

Put the kirby-images folder into your site/plugins folder and rename it to images.

Example

Preview

slideshow:
  label:       Slideshow
  type:        images

Template

To display an image slideshow with the selected images you can use a code like this:

<div class="slider">
<?php foreach($page->slideshow()->yaml() as $image): ?>   
  <?php if($image = $page->image($image)): ?>
    <?= $image->crop(1200,500)->html(); ?>  		    
  <?php endif ?>
<?php endforeach; ?>
</div>

Drag between multiple instances

You can even move images between multiple instances of the images field like this:

Drag

Options

Limit the number of images

As of Images 1.0.4 you can limit the number of images:

slideshow:
  label:       Slideshow
  type:        images
  limit:       4

About

A plugin for Kirby 2 that lets you add and sort groups of images


Languages

Language:CSS 45.1%Language:JavaScript 28.5%Language:PHP 26.4%