Image gallery

Default Gallery Example

All these galleries are made using Responsive File Manager plugin Thumbnail button possibility.

Zoomed Gallery Example

Polaroid Gallery Example

How to create pure CSS gallery instruction


	You need to complete two simple steps:

1. Properly configure Responsive File Manager (RFM) plugin to create necessary size thumbnails. For this go to the plugin administration page and expand "Thumbnails creation settings" area (last section). Change the Thumbnail settings to suit your requirements. You can set it to create several different sizes of thumbnails at the same time. See the examples that are presented in this section.

2. Go to the your gallery Page and from CKEditor toolbar click "Insert Thumbnail" button. Upload your image(s) to the server using "Browse server" button. All required sizes thumbnail files will be created automatically. If you have different size thumbnails choose appropriate one from "Thumbnail type" drop-down list. Leave "Alignment" - Left. From the "Target" drop-down list choose LightBox CSS. In the "Gallery ID" field enter your gallery class name. Select the desired gallery type from the "Gallery type" drop-down list. If needed adjust margins and border radius. Hit OK. If needed repeat the process with the next thumbnail.