PP Slideshow

Features

PP Slideshow provide a full functional slideshow implemented with Fieldable panels panes using jQuery Cycle plugin.

Provide 2 slideshow types.

• Slideshow (text bottom) - simple slideshow with bottom description
• Slideshow (text left/right) - slideshow with configurable description on left or right side

Integrations

• Media module support
• Color picker integration

Requirements

1. PP Crop module https://drupal.org/project/pp_crop
2. Media https://drupal.org/project/media
3. Fieldable panels panes https://drupal.org/project/fieldable_panels_panes
4. Field Slideshow https://drupal.org/project/field_slideshow

Required libraries

1. jQuery Cycle plugin http://malsup.github.io/jquery.cycle.all.js
2. Brings Spectrum plugin http://github.com/bgrins/spectrum/zipball/1.1.1

Installation

For install this module in your custom project you need do this steps:

(If you don't have core.make) Create in core directory empty core.make

1. Add to your core make file those lines

core = 7.x
api = 2
projects[pp_slideshow][type] = "module"
projects[pp_slideshow][subdir] = "custom"
projects[pp_slideshow][download][type] = "git"

2. Execute in console

drush make core-make-file.make
or
drush make --no-core core-make-file.make
if you have core

if some libraries are not fetching use --force-complete attribute

3. Enable module in http://your-site.com/admin/modules
4. Enjoy

About

So the idea of pp_slideshow is to provide good example to build slideshows. If you need to build your own slideshow that has more information on it add some fields and then implement your own theming functions how to render the field collection.

As example take a look at http://drupalcode.org/project/pp_slideshow.git/blob/refs/heads/7.x-1.x:/.... You will see how it is done for two slideshows that pp_slideshow module provides. After implementing similar hook_theme you will be able to render the slide using template (for example http://drupalcode.org/project/pp_slideshow.git/blob/refs/heads/7.x-1.x:/...) and there you add all your theming.

Plus you can use similar trick with adding custom css and js http://drupalcode.org/project/pp_slideshow.git/blob/refs/heads/7.x-1.x:/....

Meanwhile, you can simply add pp_slideshow module to your project and just hack it -- remove slideshows that it provides (comment some code in hook_entity_info_alter) and simply add your own slideshow to it.

Tutorial

http://youtu.be/YEF53kcSeKA