Navigation:  Development > Helpers > JavaScript > Image Slider

Create Image Sideshow. See below format
 

App::Helper('JavaScript')->Cycle(Element,Sliding Type)
 

Element: Class or Id of a Html tag that contain list of image.
Sliding Type: We can pass blindx, easeinoutback, shuffle, zoom, scrolldown, fade
 

Important: If we do not pass Sliding Type then by default it set "fade".
 

In action method we have to call the 

 

ACTION METHOD

In Action Method you have to call Cycle Addons. 
 
$this->addons = array('cycle');

 

 

HTML
<div class="storeslideshow">
   <img src="<?php App::Config()->baseUrl('/uploads/filemanager/comfortable.png');?>" />
   <img src="<?php App::Config()->baseUrl('/uploads/filemanager/help.png');?>" />
   <img src="<?php App::Config()->baseUrl('/uploads/filemanager/browsers.png');?>" />
   <img src="<?php App::Config()->baseUrl('/uploads/filemanager/responsive-design.png');?>" />
</div>

 

<?php  echo App::Helper('JavaScript')->Cycle('.storeslideshow','blindx');?>