1. Requirements
2. Usage
3. Resources

Present your featured content elegantly.

JCoverflip Features

jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set. Ready to Use

Drag or click functionality to showcase featured content items on demand by the user.
Ability to showcase both images and content associated with an item.
Module integration with Drupal or Standalone version.

Themeable User Interface

The default installation uses a clean style that can be updated with ease. All aspects of jCoverflip are customizable through the API, including:

Colors.
Fonts and Styles.
Animation speed.
Number of items included in jCoverflip.

Drupal Administration

If using jCoverflip with Drupal, the nodequeue module may be used to tie content items to jCoverflip. For more information on how to use nodequeue, visit the Drupal nodequeue page. Additional Notes

jCoverflip is highly customizable, so you’re not limited to the features above. If you’d like to add a new feature you are welcome to do so.

Requirements ¶

Usage ¶

*** Unzip the file and copy it to protected/extensions/

$this->widget('application.extensions.jCoverFlip.jCoverFlip', 
		array(
			'elements' => array(
			
				array(
					'title' => 'Test 1' ,
					'image' => Yii::app()->theme->baseUrl . '/images/1.png' ,
				),
				
				array(
					'title' => 'Sample' ,
					'image' => Yii::app()->theme->baseUrl . '/images/2.png' ,
				),
				
				array(
					'title' => 'Demo' ,
					'image' => Yii::app()->theme->baseUrl . '/images/3.png' ,
				),
				
				array(
					'title' => 'Test 2' ,
					'image' => Yii::app()->theme->baseUrl . '/images/4.png' ,
				),
				
				array(
					'title' => 'Sample 2' ,
					'image' => Yii::app()->theme->baseUrl . '/images/5.png' ,
				),
				
			)//end elements
		)
	);
	

	echo CHtml::button('Prev', array('onClick' => '$("#flip").jcoverflip("previous")'));

	echo CHtml::button('Next', array('onClick' => '$("#flip").jcoverflip("next")'));
	

Resources ¶

• [Project page] [Project page](http://www.jcoverflip.com/ "http://www.jcoverflip.com/")

• [Try out a demo] [Demo](http://www.jcoverflip.com/demo "http://www.jcoverflip.com/demo")