Skip to main content

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 through collective.configviews

Options

autoplay

If true, this will start playing the slideshow with a 5 seconds interval (default). If you set this to any number, ie: 4000, it will start playing with that interval (in milliseconds)

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.

showImagenav

Set this to false if you do not wish to display the image navigation (next/prev arrows).

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 the number, the slower is the 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. But you can use this option to manually set a gallery width.

height

Galleria needs 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

In its way to manage themes, Galleria parses all link tags to find the css attached to the theme. To make it work in production mode you must add theme’s css and javascript 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

makinacom

Authors

Contributors

Changelog

1.2.3 (2013-05-01)

  • Fix folder_full_view when have many galleria. Use @@uid.

1.2.2 (2013-05-01)

  • Add support for folder_full_view.pt [toutpt]

1.2.1 (2012-07-17)

  • Add french translation

1.2 (2012-06-28)

  • Add lightbox option.

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

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

collective.galleria-1.2.3.zip (38.4 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page