This extension could be used to create a slider of Images to display in horizontally and vertically.
This is based on Orbit Slider.
http://www.zurb.com/playground/jquery_image_slider_plugin
Yii 1.1.5
Copy the OrbitSlider folder to the extensions
$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, ), ) );
...external resources for this extension...
Total 5 comments
Nice extension, needed to make a few updates for my requirements though.
Have put in the changes and bug fixes posted earlier for links and captions. Added the ability to have HTML content slides, custom css on each slide, working width/height options, and updated to the latest version of OrbitSlider.
Codes @ http://github.com/an0nz/yii-orbitslider if anyone is interested
First go to http://www.zurb.com/playground/jquery_image_slider_plugin and download the latest version of the plugin. Then move the new jquery.orbit.js to assets/js, and the new orbit.css and orbit image folder to assets/css.
Second there are three parameters you can pass to the image array: img, caption and url. img is the file path to the image, caption is the caption, ect...
Third here is my modified ext\OrbitSlider\OrbitSlider.php. It's got a modified makeImages function and is cleaned up a bit.
I guess you need to make test first before uploading extensions here...
Updated Caption error
All of the image are overlapping each other and the descriptions just appear as a unordered list behind the images.
No javascript errors, the css and javascript file both seem to be linked properly, my image urls are valid and match the structure needed for the gallery.
One thing I did notice is that demo url you posted is running jQuery 1.4.2, Yii 1.1.5 uses jQuery 1.4.4..
Leave a comment
Please login to leave your comment.