piecemakerwidget Flash based sleek image slider fully xml driven, now encapsulated as a widget with support for automatic xml creation.

  1. Requirements
  2. Usage
  3. Resources

PieceMaker2 image slider by ModularWeb now in a widget with easy configuration options.

Requirements

I am using Yii 1.1.7 but also tested it on Yii 1.1.6.

Usage

Example code to embed this widget:

<!-- Sample code to insert piecemaker widget into view files. -->
<div id="piecemaker-container" class="span-22 prepend-1 append-1">
	<?php $this->widget('application.extensions.piecemaker.PieceMaker', array(
		'contents'=>array(			
			array(
				'image' /*type*/,
				'images/gallery/Fly Agaric Fly Hawaii.jpg' /*url*/,
				'Fly Agaric Fly Hawaii' /*title*/,
				'<p><em>Photo Source:<em>&nbsp;DeviantArt</p>' . PHP_EOL /*info*/,
				'http://www.yiiframework.com/extension/piecemakerwidget/' /*link*/,
				'_page' /*link-target*/,
			),
			array(
				'image', 'images/gallery/Ford Mustang.jpg', 'Ford Mustang',
				/* These three params are required. */
			),
			array(
				'flash',
				'images/demo/flash.swf',
				'Title',
				'images/demo/flash-preview.png' ),
			array(
				'video',
				'images/demo/video.mp4',
				'Title',
				800 /*width*/,
				450 /*height*/,
				true /*autoplay video?*/,
				'images/demo/video-preview.jpg' ),
		),

		'transitions'=>array(
			array(	9 /*pieces*/,
					1.2 /*time*/,
					'easeInOutBack' /*transition*/,
					0.1 /*delay*/,
					300 /*depth-offset*/,
					30 /*cube-distance*/ ),
			array(15, 3, 'easeInOutElastic', 0.03, 200, 10),
			array(5, 1.3, 'easeInOutCubic', 0.1, 500, 50),
			array(9, 1.25, 'easeInOutBack', 0.1, 900, 5),
		),
			
	)); ?>
</div>

Resources

2 0
6 followers
1 471 downloads
Yii Version: 1.1
License: GPL-3.0
Category: User Interface
Developed by: Hindol
Created on: Apr 15, 2011
Last updated: 13 years ago

Downloads

show all

Related Extensions