We're taking this opportunity to competely rebuild our site. When new site is built we'll be releaseing new apps and updates to our current apps.
If you'd like to be notified of updates please sign up below.
If you're already registered on oscandy.com you'll be notified.
To make the gallery works on the front page you need to add some code to your template. This is because there is a problem with Joomla Frontpage Caching. For some reason, joomla does not cache the head on Frontpage, so your mambot will load all of the images but the javascript and css will not load. This is why you need to do this.
This goes right before /head in your index.php template file.
Copy and paste code from this text file into your template right before /head tag
There are many different ways to use this mambot, here are some of the most important once.
We wrote Ultimate Gallery Manager to make it easier for you upload and manage galleries. This is the easest way to create slideshows.
example: {smoothgallery album=1} (1 is the album id, it's in top left corner of each gallery in UGM)
This option will generate a gallery from a folder. It will select all .jpg, .png, and .gif files and include them in the gallery. The title and caption will be generated from IPTC title and caption, respectively. If IPTC information is not present, the file name will be used as caption.
example: {smoothgallery folder=images/stories/fruit}
Important Parameters
sort - parameter that's unique to folder parameter - specifies what order the images from the folder will be displayed in
This will include all images that you have added in Mosimage Setup. The mambot will use Alt Title as Title in the Gallery and Caption as Caption underneath the title. All other options in Mosimage Setup are not used, changing them will not make any difference to the mambot. If you use this option, {smoothgallery} is sufficient to trigger the mambot to generate a gallery. If you do not specify an Alt Title or Caption, these options will be taken from IPTC Title and Caption, respectively. If you would like to use Mosimage Mambot and SmoothGallery Mambot at the same time, then you need to change the order of mambot loading so SmoothGallery Mambot loads before Mosimage mambot.
example: {smoothgallery}
This option will allow you to show an image with a lightbox and a pretty caption. Also, you can specify width and height as you would on any other gallery
example:{smoothgallery image=images/stories/folder/image.jpg&title=Nice title&caption=Nice caption}
This option will allow you to show an image with a pretty caption and on click the user will be taken to the website you specify in the link. Also, you can specify width and height as you would on any other gallery
example:{smoothgallery image=images/stories/folder/image.jpg&title=Nice title&caption=Nice caption&link=http://www.oscandy.com}
This option is a bit tricky and it's a first time I'm trying this, so we'll see how you like it. This will generate a gallery from a menu that you create. Menu image will be shown in the gallery and the title of the menu item is the title of the image, link in the menu is link.
{smoothgallery menu=yourgallerymenu&caption=click on image to go to gallery}
You can see more examples of syntax on Syntax Demo
Please note:
1. You must seperate parameters with & symbol ie {smoothgallery id=someid&timed=true}
2. Parameter order does not matter
3. I do not recommend spaces between parameters even though it might work.
| showArrows | true or false : default true |
| showCarousel | true or false : default true |
| showInfopane | true of false - contains Title and Caption : default true |
| thumbHeight | in pixels : default 75 |
| thumbWidth | in pixels : default 100 |
| thumbSpacing | in pixels : default 10 |
| embedLinks | true or false : default true |
| fadeDuration | in milliseconds : default 500 |
| timed | true of false - makes automatic slideshow: default false |
| delay | in milliseconds : default 9000 |
| preload | true or false - preload next image : default true |
| slideInfoZoneOpacity | ratio : default 0.7 |
| carouselMinimizedOpacity | ratio : default 0.4 |
| carouselMinimizedHeight | in pixels : default 20 |
| carouselMaximizedOpacity | ratio : default 0.7 |
| useThumbGenerator | true or false : default false * (actually by default the mambot generates thumbs, but this is referring to using an outside thumb generator. If default works for you, I don't recommend that you waste your time with this.) |
| thumbGenerator | path to thumb generator : default 'resizer.php' (default will not work. refer to above comment for useThumbGenerator. Also if you choose to use this option you need to specify complete path, such as http://www.somesite.com/ |
| width | in pixels : default "460" |
| height | in pixels : default "345" |
| lightbox | true or false : default "true" this is for center link |
| alignment | left, right, center : default "center" |
| sort | random, asc, desc : default "asc" |
Here are few examples of passing parameters to the SmoothGallery Mambot.
Example 1: Let's say you want to create a slideshow where images change at time interval. You would use {smoothgallery timed=true}
Example 2: Now, let's say you wanted to turn off Lightbox. Then you would use {smoothgallery timed=true&lightbox=false}, see how that works?
All you have to do is loop up the parameter in the table above and include in your parameter string.
Example 3: Let's say you want to get images from a folder, then you would use {smoothgallery folder=images/stories/foldername}, if your Joomla installation is in a subfolder then your string would look like this {smoothgallery folder=subfolder/images/stories/foldername}.
Example 4: Let's say you want to create a timed slideshow from a folder without lightbox and arrows, {smoothgallery folder=images/stories/foldername&lightbox=false&showArrows=false&embedLinks=false&timed=true}
If you haven't already done so, please go to my page on extensions.joomla.org to review and vote for this mambot. It's extremely important. Thank you