How to use?
Download the files here and unzip the corresponding directories. Follow the steps below to install the Helper.
1) controllers/app_controller.php
Add the helper in your Controller.
class AppController extends Controller
{
var $helpers = array(
'Skitter'
);
}
2) views/helpers/skitter.php
Unzip the class SkitterHelper.
3) views/layouts/default.ctp
Add the files needed to run the plugin by adding $skitter->includeFiles(); inside <header>
<!DOCTYPE html>
<html>
<head>
<title>SkitterHelper</title>
<?php
echo $html->css('styles');
echo $javascript->link('jquery-1.5.2.min');
echo $skitter->includeFiles();
?>
</head>
...
3) Your View
Below is an example of how to use the Helper in his View.
<?php
// Slides
$slides = array(
array(
'image' => 'slides/001.jpg',
'link' => '#link1',
'label' => 'Label 1',
'animation' => 'cubeJelly',
),
array(
'image' => 'slides/002.jpg',
'link' => '#link2',
'label' => 'Label 2',
'animation' => 'paralell',
),
array(
'image' => 'slides/003.jpg',
'link' => '#link3',
'label' => 'Label 3',
'animation' => 'glassCube',
),
array(
'image' => 'slides/004.jpg',
'link' => '#link4',
'label' => 'Label 4',
'animation' => 'blindHeight',
),
);
// Configuration skitter
$skitter->setConfig(array(
'class' => 'box_skitter_large',
'dots' => true,
'preview' => true,
'hideTools' => true,
'show_randomly' => true,
'numbers_align' => 'center',
'animateNumberOver' => '{backgroundColor:"#999", color:"#fff"}',
'animateNumberActive' => '{backgroundColor:"#004499", color:"#fff"}',
));
// Display skitter
$skitter->display($slides);
?>
Other settings
For all available configurations of the plugin, go here page with documentation and examples.