[extension] xflexslider

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,


        ),

    )

);


?>