xflexslider A widget wrapper for excellent JQuery FlexSlider plugin

  1. Update
  2. Overview
  3. Requirements
  4. Install
  5. Usage
  6. Resources

Update

Ver 2.1.1

  • fix js_thumb - not defined - tinny

Ver 2.1

  • support Thumbnail ControlNav Pattern - thanks to @got 2 doodle
  • support Carousel Slider as Navigation

Ver 2.0 -- upgrade flexslider to ver 2.0;

    -- code changes as per suggestion by clem & extj, thx;

Overview

Looking around for a good slider widget, ends up with FlexSlider. Here is quote from the site:

Flexslider An awesome, fully responsive jQuery slider plugin.

XFlexSlider is a wrapper widget which allow Yii-er to have nice slider with easy. It supports sliding image - local or remote, html content from view, take a look you won't be disappointed.

Requirements

  • Tested in Yii-1.1.10
  • JQuery core script

Install

unzip content xflexslider.zip to /protected/extensions/

it also comes with a full yii scaffold site with xflexslider demo on homepage.

Usage

in your view file

<?php
$this->widget('ext.xflexslider.XFlexSlider',array(
	'slides'=>array(
		//use content
		'slide1' => array(
            'id'=>'slide1',
            'caption'=>'Captions and cupcakes. Winning combination.',
			'content'=>'<img src="' . Yii::app()->request->baseUrl . '/images/demo-stuff/inacup_samoa.jpg" />',
		),
		//use view
		'slide2'=>array(
            'caption'=>'This image is wrapped in a link!',
			'view'=>'_slide2',
		),
	),
	
	'flexsliderOptions'=>array(
	//	'animation' => "'slide'",
	//	'slideDirection' => 'vertical',
		'mousewheel' => true,
	),
));
?>

Resources

demo from original plugin (removed)

4 0
17 followers
3 957 downloads
Yii Version: 1.1
License: BSD-2-Clause
Category: User Interface
Developed by: rootbear
Created on: Apr 23, 2012
Last updated: 5 years ago

Downloads

show all

Related Extensions