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.