xflexslider v2.1
-
support
Thumbnail ControlNav Pattern
- thanks to @got 2 doodle -
support
Carousel Slider as Navigation
xflexslider v2.0
xflexslider v2.1
support Thumbnail ControlNav Pattern
- thanks to @got 2 doodle
support Carousel Slider as Navigation
xflexslider v2.0
Still cannot use this with thumb. What can I do? Thanks
did you download the whole demo app and try demo1 demo2? is that what you want?
Hi,
I was wondering if someone could show me an example of the configuration used to create the carousel nav at the bottom as per this example from the FlexSlider 2 homepage: -
http://flexslider.woothemes.com/thumbnail-slider.html
The configuration I have for my current slider is as below. I wish to keep this as it is but just add in the carousel nav.
Thanks for any help any one can offer me… I am currently using FlexSlider 2 directly on 5 different pages on a website I am currently developing (in Yii) and would like to be able to incorporate the XFlexSliider extension in it’s place (cause I love Yii ).
<?php
$path =Yii::app()->baseUrl.'/images/banners/';
$this->widget(
'ext.xflexslider.XFlexSlider',
array(
'slides'=>array(
//use content
'slide1' => array(
'id' => 'slide1',
#'caption' => 'slide 1 caption',
'content' => '<img src="' . $path . '/01.jpg" />',
),
'slide2' => array(
'id'=>'slide2',
#'caption' => 'slide 2 caption.',
'content' => '<img src="' . $path . '/02.jpg" />',
),
'slide3' => array(
'id'=>'slide3',
#'caption' => 'slide 3 caption.',
'content'=>'<img src="' . $path . '/03.jpg" />',
),
'slide4' => array(
'id'=>'slide4',
#'caption' => 'slide 4 caption.',
'content' => '<img src="' . $path . '/04.jpg" />',
),
'slide5' => array(
'id' => 'slide5',
#'caption' => 'slide 5 caption.',
'content'=>'<img src="' . $path . '/05.jpg" />',
),
'slide6' => array(
'id' => 'slide6',
#'caption' => 'slide 6 caption.',
'content' => '<img src="' . $path . '/06.jpg" />',
),
'slide7' => array(
'id' => 'slide7',
#'caption' => 'slide 7 caption.',
'content' => '<img src="' . $path . '/07.jpg" />',
),
'slide8' => array(
'id' => 'slide8',
#'caption' => 'slide 8 caption.',
'content' => '<img src="' . $path . '/08.jpg" />',
),
'slide9' => array(
'id' => 'slide9',
#'caption' => 'slide 9 caption.',
'content' => '<img src="' . $path . '/09.jpg" />',
),
'slide10' => array(
'id'=>'slide10',
#'caption' => 'slide 10 caption.',
'content'=>'<img src="' . $path . '/10.jpg" />',
),
'slide11' => array(
'id'=>'slide11',
#'caption' => 'slide 11 caption.',
'content'=>'<img src="' . $path . '/11.jpg" />',
),
'slide12' => array(
'id' => 'slide12',
#'caption' => 'slide 12 caption.',
'content'=>'<img src="' . $path . '/12.jpg" />',
),
),
'flexsliderOptions'=>array(
'controlNav' => false,
),
)
);
?>