This extension allows you to transform a list of images into an attractive gallery with scrollable thumbnails. Features include:
Optional separation of thumb and big image for bandwidth optimization
This widget has been tested in the following browsers:
Safari 5.0.3 (6533.19.4)
Please leave a comment if you test it in any other browsers so that I can include them in this list (if they work) and fix them if they do not work!
1.0.1 Bug Fixes ¶
The gallery slideshow autostarted even if agSlideShowAutoStart was set to false. This has been fixed in 1.0.1
Unzip and move the adGallery folder to your extension folder.
Simply provide a list of images in an array when calling the widget. The list can be simple or detailed, or you can mix simple and detailed in the same array. See the example:
$this->widget('ext.adGallery.AdGallery', array( 'imageList' => array( array( 'image_url' => 'images/1.jpg', 'thumb_url' => 'images/thumbs/t1.jpg', 'title' => 'Test tile', 'link' => 'http://www.google.com/', 'alt' => 'Something something', ), array( 'image_url' => 'images/2.jpg', 'title' => 'Test tile sdfjaskdf', 'link' => 'http://www.msn.com/', ), 'images/3.jpg', 'images/4.jpg', 'images/5.jpg', 'images/6.jpg', 'images/7.jpg', 'images/8.jpg', 'images/9.jpg', 'images/10.jpg', 'images/11.jpg', 'images/12.jpg', ), ) );
You can also specify size information if you wish:
$this->widget('ext.adGallery.AdGallery', array( 'agWidth' => 450, //450 px wide main image 'agHeight' => 200, //200 px wide main image 'agThumbHeight' => 75, //75px tall thumb images 'agEffect' => 'slide-vert', //vertically slide between images 'agSlideShowAutoStart' => 'true', //Automatically start a slide show 'imageList' => array(...), ) );