An easy slideshow solution for Plone
Project description
Introduction
============
.. image:: http://www.sixfeetup.com/logos/EasySlideshow.gif
:height: 259
:width: 248
:alt: EasySlideshow
:align: left
EasySlideshow is a Plone product that makes it easy for any content editor to create and manage online slideshows. It comes with all the settings you need to customize your slideshows, such as:
- Adjusting the delay between slide transitions;
- Managing the height/width of slideshow images;
- Controlling whether or not captions are shown with slides;
- Selecting whether or not users can pause the slideshow when cursor is hovering over the slideshow;
- Selecting slides timeout;
- Displaying navigation as numbers, thumbnails, or not at all.
In order to create a slideshow, content editors just upload pictures to a regular folder, click the folder's ``Subtype`` menu, and select ``slideshow``. This transforms the regular folder into a slideshow folder, and automatically changes the folder display to a slideshow view. To modify the order in which the slideshow displays the images, content editors just need to reorder the pictures in the folder by dragging them up or down in the ``Contents`` tab.
Besides living in a dedicated folder, EasySlideshow also supports the ability to display images in a portlet (a.k.a. side box). Slideshows can actually be displayed in any template by calling the slideshow macro that ships with EasySlideshow.
While EasySlideshow's global parameters are controlled via the Control Panel (log in, click ``Site Setup``, and select ``EasySlideshow Configuration``), content editors also have the ability to override the global settings for a specific slideshow directly at the folder level. This allows the use of EasySlideshow in multiple locations on your site without having to make the appearance and function of all slideshows the same.
EasySlideshow is Plone 4 compatible (Plone 3.3.x and up) and requires no custom installation, as it leverages the jQuery library that already ships with Plone. EasySlideshow uses fields already found in the Plone image type for presentation. The jQuery plugin that is the basis for this product is `jQuery Cycle <http://malsup.com/jquery/cycle/>`_.
Examples
========
Sites that use EasySlideshow include:
- `Simons Foundation Autism Research Initiative <http://sfari.org/>`-
- `About Hand Eczema <http://abouthandeczema.com/>`_
- `Decision Education Foundation <http://www.decisioneducation.org/>`_
- `Durham Public Schools <http://dpsnc.net/>`_
- `IEEE Information Theory Society <http://www.itsoc.org/>`_
- `Indiana Historical Society <http://www.indianahistory.org/>`_
- `Sugarcane Ethanol <http://sweeteralternative.com/>`_
- `UNC Center for Galapagos Studies <http://galapagos.unc.edu/>`_
- `UVA Health System <http://uvahealth.com/>`_
Installation
============
- In your ``buildout.cfg``, add collective.easyslideshow to the list of eggs within the ``[instance]`` section. The package is using ``z3c.autoinclude`` so there is no need to add it to ``zcml`` if you are using Plone 3.2+::
[instance]
eggs = collective.easyslideshow
zcml = collective.easyslideshow
- Run buildout, and start up the instance
- Install ``collective.easyslideshow`` via ``portal_quickinstaller``
Uninstall
=========
- Uninstall ``collective.easyslideshow`` via ``portal_quickinstaller``
- Existing slideshow folders will be fully reverted to normal folders
- Marker interfaces, layout, and annotations will be removed
- Slideshow portlets will be deleted
Use
===
- Create a folder in your site
- Once EasySlideshow has been installed, you will be able to subtype the folder so it becomes a slideshow folder, by clicking on ``Sub-types`` tab then selecting ``slideshow``
- Add images into the folder
- The caption on top of the image in the slideshow displays each image's ``Title`` and ``Description``
- To link a slide to a page in your site, edit the image, click on the ``Categorization`` tab, and set a related link. Each slide can have its own related link.
- Properties can be changed either site wide or on each slideshow individually. Go to site setup to set the site wide properties. For changing the properties of individual slideshow, there is a ``slideshow`` tab available on each slideshow folder.
- A slideshow portlet is also available. Each portlet has its own settings, and displays the images from a folder that you choose.
- Images will be automatically resized to fit the height and width set in the slideshow properties. White space will display to the right or bottom of images that do not match the width to height ratio of the slideshow.
Customization
=============
- Slideshow appearance can be further modified by overriding ``slideshow_macros.pt``
- The slideshow macro can be put into a custom template with the following code::
<metal:block use-macro="here/slideshow_macros/macros/slideshow">
slideshow here...
</metal:block>
- When used on a custom template, the slideshow will look for images in a folder called ``Slideshow Folder`` (id ``slideshow-folder``) at the same level as the page on which it will be displayed. The name of this folder can be modified within the macro.
- See http://malsup.com/jquery/cycle/ for further functions and customizations that can be used.
Changelog
=========
2.0 (2012-02-10)
----------------
- added a randomize option to display the slides of
a slideshow in random order
[tbesluau]
- made quickinstall actually execute install/uninstall
properly instead of simply running the default profile
[claytron, tbesluau]
- handling removal of slideshow portlets when uninstalling
[tbesluau]
- handling removal of marker interfaces and annotations on
slideshow folders when uninstalling
[tbesluau]
- updating README for uninstall instruction
[cwainwright, tbesluau]
- testing/QA
[clshaw01, elizabeth]
- migrated branch for adding i18n support and adding
French translations
[tbesluau]
- added option to display slideshow navigation as thumbnails.
Options for displaying numbers or no navigation are still
available
[cwainwright]
)
- moved propertiestool.xml to initial profile, so that default
profile doesn't overwrite slideshow settings
[cwainwright]
- utilize plone.app.imaging to resize images for
display in the slideshows. Will use sizes set
in individual slideshow properties. Applies to
slideshow folders and portlets. refs #6
[cwainwright]
- Updated slideshow_folder_view for Plone 4:
uses macro content-core, removed viewlet managers refs #3
[cwainwright]
- Fixed slideshow display for when javascript is disabled. Display
the first slide, and make sure overflow is properly hidden. refs #2
[cwainwright]
- Compressed jquery-cycle.js
[cwainwright]
- Updated colors/display of slideshow portlet navigation
[cwainwright]
- Fixed slideshow portlet so that multiple portlets can be added, and
all will function with their individual settings
[cwainwright]
- Remove paste install as this was not working on windows and not needed
for the product to function
[claytron]
1.0 (2011-01-07)
----------------
- Fix up docs in preparation for 1.0 release.
[claytron]
- Allowed for individual folders to have their own slideshow properties
[tbesluau]
- Made CSS that removes content type images specific to just #slideshow
[cwainwright]
- Added browser tests for the configlet
[tbesluau]
- Added test for the `SlideshowView` `getImages` method and stub for
`getPortletImages`.
[davidblewett]
- Updated the change log format.
[clayton]
- added version.txt in the collective/easyslideshow folder and
modified setup.py to grab it automatically
[tbesluau]
- fixed the portlet so it grabs the slideshow folder correctly
[lucielejard]
- created an image for the easyslideshow configuration in site setup
[cwainwright]
- moved propertiestool.xml into the initial profile
[cwainwright]
- made the uninstall stop running on reinstall
[tbesluau]
- updated the versioning style in metadata.xml
[cwainwright]
- added cssregistry, jsregistry, portlets, and skins to the uninstall
profile to ensure everything gets removed
[cwainwright]
- cleaned up the README so it is valid reStructuredText
[cwainwright]
- added installation instructions to the README
[cwainwright]
- using z3c.autoinclude
[tbesluau]
- wrote up some documentation on how to use the slideshow
[cwainwright]
- removed `insert-after=custom` code. This generally causes a problem
when easyslideshow is installed after the theme -- the
slideshow_macros override stops working.
[cwainwright]
- Slideshow portlet. It is almost done, but I have not yet been
successful in getting the selected folder to display its images in the
slideshow.
[cwainwright]
0.5 (2010-02-22)
----------------
- put in a condition on install - do not add the slideshow folder view
to the display dropdown if it is already there
[cwainwright]
- fixed the title property for the slideshow propertiestool.xml
[cwainwright]
0.4 (2009-12-11)
----------------
- including docs from the egg to avoid errors on install
[cwainwright]
0.2 (2009-10-23)
----------------
- changed up the way the slideshow_folder_view is made available, so
that it gets run with the default profile instead of just an install.
[cwainwright]
0.1 (2009-10-15)
----------------
- when easyslideshow is installed, slideshow_folder_view is made
available from the display menu on a folder - on uninstall,
slideshow_folder_view is removed from the display menu, and any
folders using that view are reset to folder_listing
[cwainwright]
- created an uninstall profile to remove the EasySlideshow Configuration
from the control panel
[cwainwright]
- added disclaimer about all images being the same size - fixed spacing
on caption
[cwainwright]
- changed the way the caption is positioned, so that it is always at the
bottom of the slideshow container, no matter the image size - made the
variable descriptions more descriptive
[cwainwright]
- moved height and width variables to the template from CSS due to
caching issues.
[cwainwright]
- added a control panel for the slideshow via Site Setup for easy
customization functionality
[cwainwright]
- cleaned up slideshow_macro code - set the slideshow to be hidden until
everything is loaded (to avoid all slides being seen before the
slideshow has loaded)
[cwainwright]
- moved the stylesheet and JS to the skins directory so that the
stylesheet can use dtml. Also added dtml variables to the stylesheet
so the slideshow will use colors set in base_properties.
[cwainwright]
- fixed links to portal_url
[cwainwright]
- make sure the index exists before searching/re-indexing
[claytron]
- fixed interface path
[claytron]
- don't set options in skins.xml that aren't changed - register skins
recursively
[claytron]
- initial import of a jquery based slideshow product
[claytron]
============
.. image:: http://www.sixfeetup.com/logos/EasySlideshow.gif
:height: 259
:width: 248
:alt: EasySlideshow
:align: left
EasySlideshow is a Plone product that makes it easy for any content editor to create and manage online slideshows. It comes with all the settings you need to customize your slideshows, such as:
- Adjusting the delay between slide transitions;
- Managing the height/width of slideshow images;
- Controlling whether or not captions are shown with slides;
- Selecting whether or not users can pause the slideshow when cursor is hovering over the slideshow;
- Selecting slides timeout;
- Displaying navigation as numbers, thumbnails, or not at all.
In order to create a slideshow, content editors just upload pictures to a regular folder, click the folder's ``Subtype`` menu, and select ``slideshow``. This transforms the regular folder into a slideshow folder, and automatically changes the folder display to a slideshow view. To modify the order in which the slideshow displays the images, content editors just need to reorder the pictures in the folder by dragging them up or down in the ``Contents`` tab.
Besides living in a dedicated folder, EasySlideshow also supports the ability to display images in a portlet (a.k.a. side box). Slideshows can actually be displayed in any template by calling the slideshow macro that ships with EasySlideshow.
While EasySlideshow's global parameters are controlled via the Control Panel (log in, click ``Site Setup``, and select ``EasySlideshow Configuration``), content editors also have the ability to override the global settings for a specific slideshow directly at the folder level. This allows the use of EasySlideshow in multiple locations on your site without having to make the appearance and function of all slideshows the same.
EasySlideshow is Plone 4 compatible (Plone 3.3.x and up) and requires no custom installation, as it leverages the jQuery library that already ships with Plone. EasySlideshow uses fields already found in the Plone image type for presentation. The jQuery plugin that is the basis for this product is `jQuery Cycle <http://malsup.com/jquery/cycle/>`_.
Examples
========
Sites that use EasySlideshow include:
- `Simons Foundation Autism Research Initiative <http://sfari.org/>`-
- `About Hand Eczema <http://abouthandeczema.com/>`_
- `Decision Education Foundation <http://www.decisioneducation.org/>`_
- `Durham Public Schools <http://dpsnc.net/>`_
- `IEEE Information Theory Society <http://www.itsoc.org/>`_
- `Indiana Historical Society <http://www.indianahistory.org/>`_
- `Sugarcane Ethanol <http://sweeteralternative.com/>`_
- `UNC Center for Galapagos Studies <http://galapagos.unc.edu/>`_
- `UVA Health System <http://uvahealth.com/>`_
Installation
============
- In your ``buildout.cfg``, add collective.easyslideshow to the list of eggs within the ``[instance]`` section. The package is using ``z3c.autoinclude`` so there is no need to add it to ``zcml`` if you are using Plone 3.2+::
[instance]
eggs = collective.easyslideshow
zcml = collective.easyslideshow
- Run buildout, and start up the instance
- Install ``collective.easyslideshow`` via ``portal_quickinstaller``
Uninstall
=========
- Uninstall ``collective.easyslideshow`` via ``portal_quickinstaller``
- Existing slideshow folders will be fully reverted to normal folders
- Marker interfaces, layout, and annotations will be removed
- Slideshow portlets will be deleted
Use
===
- Create a folder in your site
- Once EasySlideshow has been installed, you will be able to subtype the folder so it becomes a slideshow folder, by clicking on ``Sub-types`` tab then selecting ``slideshow``
- Add images into the folder
- The caption on top of the image in the slideshow displays each image's ``Title`` and ``Description``
- To link a slide to a page in your site, edit the image, click on the ``Categorization`` tab, and set a related link. Each slide can have its own related link.
- Properties can be changed either site wide or on each slideshow individually. Go to site setup to set the site wide properties. For changing the properties of individual slideshow, there is a ``slideshow`` tab available on each slideshow folder.
- A slideshow portlet is also available. Each portlet has its own settings, and displays the images from a folder that you choose.
- Images will be automatically resized to fit the height and width set in the slideshow properties. White space will display to the right or bottom of images that do not match the width to height ratio of the slideshow.
Customization
=============
- Slideshow appearance can be further modified by overriding ``slideshow_macros.pt``
- The slideshow macro can be put into a custom template with the following code::
<metal:block use-macro="here/slideshow_macros/macros/slideshow">
slideshow here...
</metal:block>
- When used on a custom template, the slideshow will look for images in a folder called ``Slideshow Folder`` (id ``slideshow-folder``) at the same level as the page on which it will be displayed. The name of this folder can be modified within the macro.
- See http://malsup.com/jquery/cycle/ for further functions and customizations that can be used.
Changelog
=========
2.0 (2012-02-10)
----------------
- added a randomize option to display the slides of
a slideshow in random order
[tbesluau]
- made quickinstall actually execute install/uninstall
properly instead of simply running the default profile
[claytron, tbesluau]
- handling removal of slideshow portlets when uninstalling
[tbesluau]
- handling removal of marker interfaces and annotations on
slideshow folders when uninstalling
[tbesluau]
- updating README for uninstall instruction
[cwainwright, tbesluau]
- testing/QA
[clshaw01, elizabeth]
- migrated branch for adding i18n support and adding
French translations
[tbesluau]
- added option to display slideshow navigation as thumbnails.
Options for displaying numbers or no navigation are still
available
[cwainwright]
)
- moved propertiestool.xml to initial profile, so that default
profile doesn't overwrite slideshow settings
[cwainwright]
- utilize plone.app.imaging to resize images for
display in the slideshows. Will use sizes set
in individual slideshow properties. Applies to
slideshow folders and portlets. refs #6
[cwainwright]
- Updated slideshow_folder_view for Plone 4:
uses macro content-core, removed viewlet managers refs #3
[cwainwright]
- Fixed slideshow display for when javascript is disabled. Display
the first slide, and make sure overflow is properly hidden. refs #2
[cwainwright]
- Compressed jquery-cycle.js
[cwainwright]
- Updated colors/display of slideshow portlet navigation
[cwainwright]
- Fixed slideshow portlet so that multiple portlets can be added, and
all will function with their individual settings
[cwainwright]
- Remove paste install as this was not working on windows and not needed
for the product to function
[claytron]
1.0 (2011-01-07)
----------------
- Fix up docs in preparation for 1.0 release.
[claytron]
- Allowed for individual folders to have their own slideshow properties
[tbesluau]
- Made CSS that removes content type images specific to just #slideshow
[cwainwright]
- Added browser tests for the configlet
[tbesluau]
- Added test for the `SlideshowView` `getImages` method and stub for
`getPortletImages`.
[davidblewett]
- Updated the change log format.
[clayton]
- added version.txt in the collective/easyslideshow folder and
modified setup.py to grab it automatically
[tbesluau]
- fixed the portlet so it grabs the slideshow folder correctly
[lucielejard]
- created an image for the easyslideshow configuration in site setup
[cwainwright]
- moved propertiestool.xml into the initial profile
[cwainwright]
- made the uninstall stop running on reinstall
[tbesluau]
- updated the versioning style in metadata.xml
[cwainwright]
- added cssregistry, jsregistry, portlets, and skins to the uninstall
profile to ensure everything gets removed
[cwainwright]
- cleaned up the README so it is valid reStructuredText
[cwainwright]
- added installation instructions to the README
[cwainwright]
- using z3c.autoinclude
[tbesluau]
- wrote up some documentation on how to use the slideshow
[cwainwright]
- removed `insert-after=custom` code. This generally causes a problem
when easyslideshow is installed after the theme -- the
slideshow_macros override stops working.
[cwainwright]
- Slideshow portlet. It is almost done, but I have not yet been
successful in getting the selected folder to display its images in the
slideshow.
[cwainwright]
0.5 (2010-02-22)
----------------
- put in a condition on install - do not add the slideshow folder view
to the display dropdown if it is already there
[cwainwright]
- fixed the title property for the slideshow propertiestool.xml
[cwainwright]
0.4 (2009-12-11)
----------------
- including docs from the egg to avoid errors on install
[cwainwright]
0.2 (2009-10-23)
----------------
- changed up the way the slideshow_folder_view is made available, so
that it gets run with the default profile instead of just an install.
[cwainwright]
0.1 (2009-10-15)
----------------
- when easyslideshow is installed, slideshow_folder_view is made
available from the display menu on a folder - on uninstall,
slideshow_folder_view is removed from the display menu, and any
folders using that view are reset to folder_listing
[cwainwright]
- created an uninstall profile to remove the EasySlideshow Configuration
from the control panel
[cwainwright]
- added disclaimer about all images being the same size - fixed spacing
on caption
[cwainwright]
- changed the way the caption is positioned, so that it is always at the
bottom of the slideshow container, no matter the image size - made the
variable descriptions more descriptive
[cwainwright]
- moved height and width variables to the template from CSS due to
caching issues.
[cwainwright]
- added a control panel for the slideshow via Site Setup for easy
customization functionality
[cwainwright]
- cleaned up slideshow_macro code - set the slideshow to be hidden until
everything is loaded (to avoid all slides being seen before the
slideshow has loaded)
[cwainwright]
- moved the stylesheet and JS to the skins directory so that the
stylesheet can use dtml. Also added dtml variables to the stylesheet
so the slideshow will use colors set in base_properties.
[cwainwright]
- fixed links to portal_url
[cwainwright]
- make sure the index exists before searching/re-indexing
[claytron]
- fixed interface path
[claytron]
- don't set options in skins.xml that aren't changed - register skins
recursively
[claytron]
- initial import of a jquery based slideshow product
[claytron]
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
collective.easyslideshow-2.0.zip
(74.8 kB
view hashes)
Close
Hashes for collective.easyslideshow-2.0.zip
| Algorithm | Hash digest | |
|---|---|---|
| SHA256 | b853d3208a4fc2e57a6da94345a05d6ae7f6e182b7ae1c09283c5a402c097d30 |
|
| MD5 | 44fec9add287095be961ab10ed8b24e0 |
|
| BLAKE2b-256 | b3ffee87bd20ee7b3979a05a2c1c6684ee24c863a096e017aff5f0006a286f1c |
