Gallery

Escrito por en 31/07/2011. Publicado en Uncategorised.

The Widgetkit Gallery provides a smart and automated way to publish images on your website. You only need to select the image folders and the whole gallery is generated automatically.

Features

Comes with image wall, slider and slideshow styles
Folder based image selection
Support for multiple image folders
Automatic thumbnail creation
Support for image captions and custom links
Uses the Widgetkit Spotlight and Lightbox
Built with HTML5, CSS3, PHP 5.2+, and the latest jQuery version
Works with Joomla and WordPress

Showcase Box Example

This is an image showcase with eye-catching transition effects and a thumbnail navigation.

Image Wall Example

This is an image wall with zoom effect, no margins and squared corners using the lightbox.

Slider Chester

Switcher Chester

Switcher Chester Nav

Popover Chester

Polaroid Example

This is an image wall with scattered polaroid pictures using the lightbox.

Slider Example 1

This is an image slider where the image centers automatically during the effect. It also features a spotlight caption and the lightbox.

Slider Example 2

This is an image slider where the image stays left during the effect.

Slideshow Example

This is an image gallery using all the features from the slideshow widget.

Start in the editor

To get started, click on the Widgetkit button in your CMS edit view. Now choose the widget you would like to render, for example Grid. To create content for your widget, hit the New button and select the content type, for example media.

Explore the Interface

To create your content, you can add single content items by using Add Item. Alternatively you can use Add Media to select multiple items at once through the media library or manager of your CMS. Don’t forget to hit Save after you have created your items and then Close.

Using the shortcodes

To finalize your widget, hit Insert. Now you will see a shortcode with the ID and settings of your widget. If you have changed the default settings of your widget, the updated settings will be added to the shortcode. To select a different widget, click inside the shortcode and hit the Widgetkit button. Now click Change Widget.

Showcase Example

This is a simple image showcase mashing up all the features from the slideshow and slideset widget.