Install and Use Image Rotator

Component

Sat, May 12th 2012, 06:09am

Comments: 2

      Back

Image Rotator is one of those components; we developed in earlier stage of component released, but still work fine. It was an embedded component with all prior version of 0.2.1 but now it’s available in extension library of appRain official website.

Installation of “Image Rotator” is pretty straight forward, first download the Zip source and upload in your website from admin by component installer.

Admin Panel > Components > Install Components.

After installation you can see the new component in the list and activate it to see in home page. In the first observation you may see a black screen as no image is uploaded.

After installation you will get all related option on left side menu in component tab. First you can adjust the height and width of the presentation canvas to adjust with website template.

Uploading image is the heart of the slideshow. Always try to size the image with same ratio of canvas size to create and good presentation.

Basically that’s all about the operative part of the image rotator component.

But you can play around with component code for some advanced work. First look at register.php in

/component/imagerotator/register.php

The flash code attached in template by a UI hook called “home_page_banner” by following code:

App::Module('Hook') ->setHookName('UI') ->setAction("home_page_banner") ->Register(get_class($this),"add_html"); If you like to move the image rotator let’s say in bottom of the page in the hook “home_content_area_G” then just replace it “home_page_banner”. Either, you can create a new hook and place it in the template like

 App::Hook('UI')->Render(mynew_position_in_template); 

Step by step you can also see the XML generator area, Setting area all those are editable to make it more advanced.

Cheers!