Superb slideshow joomla module
June 19, 2011 | Posted by: admin | Joomla Plugin | 26 Comments
Superb slideshow joomla module is a strong, cross browser fade in slideshow script that incorporates some of your most requested features all rolled into one. Each instance of a fade in slideshow on the page is completely independent of the other, with support for different features selectively enabled for each slideshow.
Features of this plugin
- Fade in effect that has the current image fading over the previous one.
- Automatic slideshow.
- Slideshow can be set to stop rotating after N cycles.
- Each slide can be optionally hyper-linked.
- Each slide can have an optional description associated with it.
- Descriptions can either be set to show on demand or be always visible until explicitly dismissed.
- Joomla cache option available.
- Slideshow automatically pauses on mouse over.
Live working demo available on the sidebar. Do you want scrolling slideshow? use my vertical scrolling images module and horizontal scrolling slideshow module
Installation and configuration
- Download the module from the download location.
- Log into the administrator section of your site.
- Go to Extensions → Extension Manager.
- Browse and upload the available zip file.
- Install module by pressing “Upload File & Install” button.
Creating a new module instance
In your Joomla admin go to the module manager (Extensions → Module Manager in your admin menu). You should see the module superb slideshow listed among the others. Simply click on the module name to open the module editor.
If you cannot find an instance of your new module, click the new button. The new superb slideshow module should be listed among the types available, select superb slideshow which will create a new instance.
Module parameters
The right hand column displays parameters that are specific to your module superb slideshow. use below mentioned parameters to customize the module.
Image type : Type of image PNG/GIF/JPG etc. (the default is JPG).
Image folder : Path to the image folder relative to the site URL.
Image link : A URL to redirect to if the image is clicked upon.
Slideshow width : Width of gallery in pixels. Should reflect dimensions of largest image.
Slideshow height: Height of gallery in pixels. Should reflect dimensions of largest image.
Random : Display images in random order, Every time it display different order.
Pause : Pause time between images.
Fade duration : Fade transition duration (milliseconds).
Cycle : Number of cycles before the slideshow stops in automatic mode.
Description panel : This option dictates the style of the description panel.
Unique id : This is used to display more then 1 slide in the same page.
Cache : Remember last viewed slide and recall within same session?
Joomla parameters
Title : It is essential to set a title for the module.
Position : The position on the page where the module will be displayed.
Status : The module needs to be published in order for it to display.
Module Assignment : Assign the module to all pages.
Module admin screen
Frequently asked questions
Q1) How to arrange the width & height of the slideshow?
Go to Module manager → Superb slideshow → Module parameters , in this area you can find the option to update slide delay.
Q2) How to change the slide fade duration, pause, cycles?
Go to Module manager → Superb slideshow → Module parameters , in this area you can find the option to update slide delay.
Download link
Donation
All modules, plugins in this website is completely free. If you find the software useful please consider making a donation(PayPal). All donations will go towards improving this web website and maintenance.
Comments (26)
I just installed the Superb slideshow Mod but I do not have any place where to put infos about pictures/folder/hyperlink.
On the other side I have a field you don’t mention that says:”Enter Name of the XML file”. I suppose this is a file with reference to all of that but where is it (or do you have an example to give me please) ?
Thanks a lot
Luca
always random, does not put images in order, i have them named slide_1.jpg slide_2.jpg etc, also the decsription panel is always available, even when chossen “none” on hover its still poping up. any ideas? 4 fresh joomla1.7 installs, nothing else installed, not even a template and i get the same thing.
Not bad suggesyion.
Hello, just to say I had to do a little trick to make it work with ie8, putting the line:
if ( $sbs_package != “” ) $sbs_package = substr($sbs_package, 0, strlen($sbs_package)-1);
above the foreach loop in tmpl/default.php.
By the way thanks a lot for this module!
sorry, the line must be under the loop, in fact
Thanks steph,
works as a charm
Having same problem, could you please be a little more specific on placement – that code section here? THANK YOU!
sorry, I don’t come here very often.
to place the line, you have to unzip the module, open the file “default.php” located in the folder tmpl of the module and put the code above that:
?>
var sswldgallery=….
(line 51 for me)
Thanks so much for this!!! You just saved me tons of work.
Great module. I’ve just installed it without any problem.
Some suggestions:
* Make the URL target a parameter. I now had to hack the tmpl file to change the target from _self to _blank
* Make it possible to use different URL for different images, perhaps by using a XML file in the image folder?
I don’t have IE8 anymore. I’m at IE9 so I don’t know if I should apply the change steph suggested in September 1.
On IE9 I don’t have any problems.
Hi … The install was easy and in essence the module works fine accept I’ve been trying to add/change images and the image names.
The images are always random and I cannot add any additional info … as mentioned above: hyperlinks and additional text for example. I cannot remove the ‘image link’ option or add a different link to a new image. And I cannot add image types or strings of image types.
Any ideas?
Module admin screen:
Hello, I did not found the basic option, sorry.
Can you help me please?
Thanks
I’ve installed the Joomla 1.7 module, but the module isn’t filled with the images from the folder. I’ve looked with firebug, but the remains empty.
Any ideas?
Hi,
i had use superb slideshow,
but i found that in IE sometimes it not working well.
it generate script error
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; InfoPath.2; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Fri, 18 Nov 2011 13:04:38 UTC
Message: ‘sswld_imagearray[...].0′ is null or not an object
Line: 28
Char: 3
Code: 0
URI: http://www.funny-u.com.my/modules/mod_superb_slideshow/tmpl/inc/superb-slideshow.js
if you can follow up on this and have solutions for this,
please let me know !~
Age of empires , its the best real time strategy game
Thank you for the good writeup. It in fact was once a enjoyment account it. Glance complicated to far added agreeable from you! By the way, how could we be in contact?
hello, can anyone share JoomForest’s JF Chrome template? it is here: http://www.joomforest.com/, please, someone share it, thank you
I installed Superb Slideshow joomla module for 1.6.
I cud see the Module on the page, but no any pictures showing. The source code of the page shows the correct links with the folder of modules/mod_superb_slideshow/images.
The problem: I cud NOT see these pixs on line, only the TITLE of the module showing.
Pls give instructions.
B.rgds,
Can’t download the joomla 2.5 version. The download link keeps taking me back to this page.
Same problem: download link to joomla 2.5 is broken.
Thanks for your ideas. One thing we have noticed is that often banks and financial institutions know the dimensions and spending practices of consumers and as well understand that plenty of people max out their cards around the vacations. They correctly take advantage of this kind of fact and commence flooding a person’s inbox along with snail-mail box along with hundreds of 0 APR card offers shortly when the holiday season finishes. Knowing that if you are like 98% in the American community, you’ll jump at the possible opportunity to consolidate credit card debt and shift balances to 0 rate credit cards.
Thanks , I’ve recently been searching for information approximately this topic for a while and yours is the best I have found out till now. But, what concerning the conclusion? Are you positive concerning the supply?
I just wanted to say thanks for taking the time to write this! I enjoy reading your blog, I bookmarked your site so I can come back to check out your new stuff.
Excellent post. I was checking continuously this blog and I’m impressed! Extremely helpful information particularly the last part
I care for such information a lot. I was seeking this particular info for a very long time. Thank you and best of luck.
I’m impressed, I really must say. Rarely have I came across a blog that’s both educational and entertaining; yours is the best of both!
Hello, I don’t know why, but I often get an error that prevents the slideshow from functionning correctly (It hangs at the black background with the loading sign). The error sometimes disappears if I clear my navigator’s cache, but it’s very annoying in any case. Before I rate your module on extension.joomla.org, can you please tell me how to correct it so I can give it 5 stars ?
The JS error is the following :
Uncaught TypeError: Cannot read property ‘complete’ of undefined in line 71 of superb-slideshow.js
It happens somewhat randomly when the “Cache” option is activated and goes away sometimes when the browser cache is cleared (the problem never appears in private browsing mode)
Also, the description panel display option ‘none’ is the same as ‘ondemand’ (so ‘none’ _doesn’t work_) so I had to change div.descpanelfg to div.descpanelfg2 on line 218 to prevent the description panel popup. Could you also correct that as well please ?
Thank you for your answer, and don’t hesitate to contact me if you need.
Minato