SilverStripe

MaxSkitter is SilverStripe module for slides management and presentation with jQuery skitter plugin.

Skitter is full-featured jQuery Slideshow plugin with beautifull transitions. Is highly configurable and with good performance. Skitter website is here: http://www.thiagosf.net/projects/jquery/skitter/

This module makes Skitter working with your SilverStripe installation. Key features:

• Almost all Skitter options editable via SS installation in 3 places: config file (global config), SiteConfig (global config) and Page (page specific config)
• Any Page can have unlimited Slides, Slides are shared between Pages.
• Any Page can have any combination of Slides together with custom sort order.
• Each slide can point to External or Internal URL.

 

 

MaxSkitter is SilverStripe module for slides management and presentation with jQuery skitter plugin.

Skitter is full-featured jQuery Slideshow plugin with beautifull transitions. Is highly configurable and with good performance. Skitter website is here: http://www.thiagosf.net/projects/jquery/skitter/

This module makes Skitter working with your SilverStripe installation. Key features:

• Almost all Skitter options editable via SS installation in 3 places: config file (global config), SiteConfig (global config) and Page (page specific config)
• Any Page can have unlimited Slides, Slides are shared between Pages.
• Any Page can have any combination of Slides together with custom sort order.
• Each slide can point to External or Internal URL.

Requirements

1. dataobject_manager (SS 2.4 only)
2. uploadify (SS 2.4 only)

Installation

1. Place module into root of your SS installation
2. Dev/build your SS installation

Configuration

Skitter options

You can configure skitter options in 3 places (its up to you which one you use, but remember, that Page config will overwrite SiteConfig & staticConfig and SiteConfig will overwrite staticConfig).

StaticConfig example (placed in mysite/_config.php):

MaxSkitterDefaults::set_staticConfig(array(
    "animation" => "cube",
    "easing_default" => "easeOutBack",
    "animateNumberActive" => "{backgroundColor:'#004581', color:'#fff'}",
    "navigation" => "false",
    "label" => "false"
));

SiteConfig:

Find Skitter tab in your SiteConfig section. Place exactly same values as on skitter homepage: http://www.thiagosf.net/projects/jquery/skitter/.
So if you want cube animation, place in the field: 'cube', if you dont need navigation place in the field: false...

Page config:

Exactly same as SiteConfig, config tab places in Root.ContentSkitterConfig tab of your Page.

Configuration of Skitter box size and Skitter images size:

If you are fine with cropped resizing of your images, you can configure dimension in you mysite/_config.php. Example:

MaxSkitterImageDecorator::$SkitterSlideWidth = 850;
MaxSkitterImageDecorator::$SkitterSlideHeight = 250;

Default box size is 800x300px which will not suit your needs in many case. This size is defined in maxskitter/css/skitter.styles.css. You can copy this file to your theme and edit as you need, or you can just create css called skitter.custom.css in your theme and edit only what you need, example:

.box_skitter {position:relative;width:850px;height:250px;background:#fff;}
.box_skitter .info_slide {right:15px; left: auto}

if you dont like used cropped resize, use your own copy of file maxskitter/code/MaxSkitterImageDecorator.php (with custom name of class and methods), enable it in your mysite/_config.php and copy  maxskitter/templates/Includes/SkitterImage.ss in your theme and change called image resizing method name.

Adding slides

Each page has tab with Slides manager (Root.Content.SkitterSlides), which enables uploading and managing Skitter Slides. If you need reorder slides, make sure you saved current selection.

Release(s)

• Latest release

  Version: [v0.3]
  Date: 2012-09-25
  Compatible with: SilverStripe 3.0
  Download:
  

  Git access:
  Repository: https://github.com/Silvermax/maxskitter/
  Branch: master
  Tag: HEAD

• Older release(s)

  Version: [v0.2]
  Date: 2012-03-27
  Compatible with: SilverStripe 2.4
  Download: Silvermax-maxskitter-2d04f01.zip
  

  Version: [v0.1]
  Date: 2011-08-25
  Compatible with: SilverStripe 2.4
  Download: No Download Available
  

  Git access:
  Branch: master
  Tag: HEAD

• Latest master build

  To get a preview of our next release, download the latest build of unstable git master branch here. Please be careful: this is more likely to contain bugs, especially on modules undergoing a lot of development.
  
  SHA hash: 2bb1ab7335f5e59d23a438b38983fadf7439a779
  Build Date: 2013-01-26
  Download: maxskitter-master-HEAD.tar.gz
  

  Unstable Git access: git://github.com/Silvermax/maxskitter.git