Orbit Image Slider

Hi Dears,

Use this extension for slider with features

Navigation

Horizontal and Vertical

Number of Images

Extension Page

Orbit Slider

Discuss here if get any problem in usage

Thanks

Hi Pero,

Please double check the URL of you link. It is missing the two dots ( : ) after the http… The correct URL is http://www.yiiframework.com/extension/orbitslider/

Cheers and thanks for the extension

Thanks antonio

Corrected

Updated CSS Errors for Caption.

Hi. Can I attach somehow link to each picture in OrbitSlider ??

I dont mean link in a caption but "under" picture.

I have updated the ext. for the URL links for the Images

Now, if a banner have url then, banner image will be used as text for the link.

Thanks

Ok but I see I can put just controler/action link.

I wish to redirect to some external website. When I’ve set ‘url’=>'http://mywebsite.com" I’ve got message that i don’t have permission or website doesn’t exist because it’s maybe interpreting link as controller action.

[Resolved] Another problem is: whats happened with caption ??

You have bug in script in 43 where is:


if(isset($img['caption'])){

             $image.=' rel="img'.$i.'"';

            $caption .= '<span class="orbit-caption" id="img'.$i.'">' . $img['img'] . '</span>' . "\n";

            }

It should look like this:


if(isset($img['caption'])){

             $image.=' rel="img'.$i.'"';

            $caption .= '<span class="orbit-caption" id="img'.$i.'">' . $img['caption'] . '</span>' . "\n";

            }

In the view:


	$this->widget('application.extensions.OrbitSlider.OrbitSlider',

              array(

                    'images'=>array(

                        array(

			'img'=>$imgurl.'home-rot.png',

			'url'=>'http://www.radiotp.pl',

			'caption'=>'Hello. This is a caption',

		),

               array(

		'img'=>$imgurl.'img6424kw.jpg')

                    )));

Hi.

I have modified OrbitSLider.php from line 39:


        foreach ($this->images as $img) {

            $html .= '<li class="' . $this->name . 'Image">' . "\n";

            

            $image = '<img src="' . $img['img'] . '"';

            if(isset($img['caption'])){

             $image.=' rel="img'.$i.'"';

            $caption .= '<span class="orbit-caption" id="img'.$i.'">' . $img['caption'] . '</span>' . "\n";

            }

            $i++;

            $image.= '/>' . "\n";

			if(isset($img['url']) && isset($img['link']))

			{

				$dlu=$image;

				 $image='';

           		 $image.='<a href="'.Yii::app()->createUrl($img['url']).'">'.$dlu.'</a>';

			}

 			if(isset($img['url']))

			{

				$d=$image;

				 $image='';

           		 $image.='<a href="'.Yii::app()->createUrl($img['url']).'">'.$d.'</a>';

			} 

			if(isset($img['link']))

			{

				$dl=$image;

				 $image='';

           		 $image.='<a href="'.$img['link']['url'].'" '.$img['link']['htmlOptions'].'>'.$dl.'</a>';

			}

Now You can use external links and controller actions in view :


$this->widget('application.extensions.OrbitSlider.OrbitSlider',

              array(

                    'images'=>array(

                        array(

				'img'=>'',

				'link'=>array(

					'url'=>'http://addres.com',

					'htmlOptions'=>'target="blank"'),

                                'caption'=>'',

						),


			array(

				'img'=>'',

                                'url'=>'controler/action',

                              ),

                        array(

				'img'=>'',

			      ),

In the case where some one will set up two parameters it will use ‘URL’ content :)

Thanks for removing bugs.

please attach your final version of it.

thanks

There it is :)


http://www50.zippyshare.com/v/28509712/file.html

Hi folks,

This is my first time using a widget and I am having a couple problems with this.

I have installed the OrbitImage files in the extension folder entered this code directly into my layout…




$this->widget('application.extensions.OrbitSlider.OrbitSlider',

              array(

                    'images'=>array(

                        array(

            'img'=>'images/banner/banner_1.png',

             'url'=>'url',

            ), 

                        array(

            'img'=>'images/banner/banner_2.png',

             'url'=>'url2',

            ), 

                        array(

            'img'=>'images/banner/banner_3.png',

             'url'=>'url3',

            ),                     

                    ),

                    'slider_options'=>array(

                        'width'=>'1000',

                        'height'=>'330',

                        'animation'=>'horizontal-slide',

                        'bullets'=>true,

                     ),

              )

 

 

);



However, when I do, all that happens is the <body> colour turns from white to yellow (RGB 250, 250, 0) and no images are loaded into the slider (although the page layout does adjust to make room for it).

Can I ask why this is happening? It should be noted that I have also attempted to populate the ‘img’=>’’ with tested image paths (c:\xampp\htdocs\project\images\1.jpg etc) and still no joy.

Could someone please help me with this?

Hi all,

I wonder.As long as Orbit slider is a part of Zurb’s Foundation framework, is this one available to use into a yii project when Foundation extension is activated ?

Can anyone help with my question above? I am trying to sort this out as a finishing touch to a website I am doing.

i want add 2nd url . please how to add that one

Hi folks,

This is my first time using a widget and I am having a couple problems with this.

I have installed the OrbitImage files in the extension folder entered this code directly into my layout…

$this->widget(‘application.extensions.OrbitSlider.OrbitSlider’,

          array(


                'images'=&gt;array(


                    array(


        'img'=&gt;'images/banner/banner_1.png',


         'url'=&gt;'url',


        ), 


                    array(


        'img'=&gt;'images/banner/banner_2.png',


         'url'=&gt;'url2',


        ), 


                    array(


        'img'=&gt;'images/banner/banner_3.png',


         'url'=&gt;'url3',


        ),                     


                ),


                'slider_options'=&gt;array(


                    'width'=&gt;'1000',


                    'height'=&gt;'330',


                    'animation'=&gt;'horizontal-slide',


                    'bullets'=&gt;true,


                 ),


          )

);

However, when I do, all that happens is the <body> colour turns from white to yellow (RGB 250, 250, 0) and no images are loaded into the slider (although the page layout does adjust to make room for it).

Can I ask why this is happening? It should be noted that I have also attempted to populate the ‘img’=>’’ with tested image paths (c:\xampp\htdocs\project\images\1.jpg etc) and still no joy.

Could someone please help me with this?