Galleria integration into Plone
Project description
Introduction
Galleria is a great JQuery slideshow plugin. This integration is based on collective.gallery and provide most of galleria options throw collective.configviews
Options
autoplay
If true, this will start playing the slideshow with 5 seconds interval (default). If you set this to any number, f.ex 4000, it will start playing with that interval (in milliseconds)
carousel
Galleria comes with a built-in horizontal carousel. This options is for activating / deactivating the carousel feature. Setting this to true, the carousel will be automatically applied if the total som of thumbnails width exceeds the thumbnail container. This will be re-calculaed on resize.
If you set this to false, you will prevent Galleria from adding the carousel.
carouselFollow
This option defines if the the carousel should follow the active image. You can control the speed of the animation with the carouselSpeed option. Please note that animating heavy thumbnails can affect your main image animation, so if you are seeing big lags in the main animation you can try to set this option to false.
showInfo
Set this to false if you do not wish to display the caption.
showCounter
Set this to false if you do not wish to display the counter.
transition
The transition that is used when displaying the images. There are some built-in transitions in Galleria, but you can also create your own using our Transitions API.
transitionSpeed
The milliseconds used in the animation when applying the transition. The higher number, the slower transition.
pauseOnInteraction
During playback, Galleria will stop the playback if the user presses thumbnails or any other navigational links. If you dont want this behaviour, set this option to false.
width
By default, Galleria fetches the width from the containing element. Bu you can use this option to set a gallery width manually.
height
Galleria need a height to work properly. You can set the height using this option to make sure it has the correct height. If no height is set, Galleria will try to find the height of the parent container.
debug
This option is for turning debug on/off. By default, Galleria displays errors by printing them out in the gallery container and sometimes throw exceptions. For deployment you can turn debug off to generate a more generic error message if a fatal error is raised.
Notes
Galleria in its way to manage theme parse all link tags to find the css attached to the theme. To make it work in production mode you must add themes javascript and css called by the template.
// look for manually added CSS
$('link').each(function( i, link ) {
reg = new RegExp( theme.css.replace('\+\+resource\+\+','\\+\\+resource\\+\\+') );
if ( reg.test( link.href ) ) {
// we found the css
css = true;
Galleria.theme = theme;
return false;
}
});
As you can see the original code has been patched to support ++resource++ url.
Credits
Companies
Authors
JeanMichel FRANCOIS aka toutpt <toutpt@gmail.com>
Contributors
Changelog
1.1 (2012-05-11)
Adding responsive option.
1.0 (2012-02-22)
Make it depends on collective.js.galleria
1.0b2 (2011-11-17)
fix bugs
1.0b1 2011-08-01
Initial release
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
File details
Details for the file collective.galleria-1.1.zip.
File metadata
- Download URL: collective.galleria-1.1.zip
- Upload date:
- Size: 36.2 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
File hashes
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | e57d701c93bdcfda1969e9029a11fc15d4c09388fe28261ab6146d20dbb581e1 |
|
| MD5 | 00fda8e7468b9ac0f4c91d0c2bb286d9 |
|
| BLAKE2b-256 | 09fcaf539fa04b616cd2a44d601a67e2f2e9c16ae4547ac2419814b78a5b12da |
