Creating a carousel with Plone 5

pigeonflight · October 17, 2017, 12:34pm

This following gist shows the code for creating a carousel.
This is currently static but can be altered to use images directly from Plone.

gist.github.com

https://gist.github.com/pigeonflight/1705a4a6cf8060174b198beeb71e4f92?update3

README.rst

Overview
--------

This demo shows the use of jcarousel with Plone, it also provides a useful example for using the tag method for generating image tags from Plone images in a python script.

Assumptions
-----------

- You have rapido plone installed and this application is installed in your theme under the folder rapido/app/carousel/blocks
- You have a folder of images in the root of your site called "carousel"

This file has been truncated. show original

carousel.pt

<style>
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    width: 600px;
    height: 400px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;

This file has been truncated. show original

carousel.py

def images(context):
    api = context.api
    portal = api.portal.get()
    content = portal['carousel']
    request = context.request
    
    return [{
              'link_class':"gl-link-{}".format(item.id),
              'title':item.Title(),
              'description':item.description,

This file has been truncated. show original

There are more than three files. show original

espenmn · October 17, 2017, 3:35pm

Another product left to die, if someone needs something to do...... ( https://github.com/espenmn/medialog.simpleslider )

tleotxonta · October 25, 2017, 1:15pm

How to implemented this carousel, i don’t know. Tanks.

pigeonflight · October 25, 2017, 1:17pm

Apologies... this recipe is incomplete. It will require a few more steps. Namely:

Adding images to a folder
Modify the script to read the images from that folder.

tleotxonta · October 25, 2017, 1:54pm

i am proubing. Yes, adding these steps looks advancing. ¿And for implementing for dinamicaly (tal:repeat) how to does this?

pigeonflight · October 25, 2017, 2:53pm

I've updated the gist above with more details. It assumes you are familiar with rapido.plone.