Home Joomla Simple Picture Slideshow
2010-09-09
Joomla: Simple Picture Slideshow
Written by Andreas Berger   
Sunday, 02 November 2008 18:22

The bretteleben.de "Simple Picture Slideshow" plugin for Joomla 1.5 is a - as the name says - simple plugin to display a slideshow in content items. The images get faded out, this effect works with current major browsers. You decide if the slideshow starts automatically on pageload or is started by clicking a link/button in the content item.

Features:

- supports .jpg, .png und .gif
- can be aligned in your content item left, right, centered, float left or float right
- as many slideshows per content item as you want
- every sldieshow can be configured individually (Parameter Overrides)
- optional show title and/or text with every single picture (Captions)
- optional show default title/text for the whole slideshow
- optional link every single image to a different target (Links)
- optional use a default link for the whole slideshow
- option to start on pageload or click
- optional control elements (start, stop, back next, counter)
- activate/deactivate and align (left/right) every single control element
- choose between text-links and buttons as controls

 

New in Version 1.5.2:

- default buttons get installed automatically
- image file names in Link- and Caption-code are caseINsensitiv
e

New in Version 1.5.0:

- additional options to align the slideshow: float-left, float-right
- paragraph-tags: the plguin removes paragraph tags
(<p></p>), directly surrounding the code
- the counter now works fine with slideshows of two images only
- fix bug in preload-URLs
- restructuring the source to prepare future updates

New in Version 1.4.0:

- optional position the control elements left or right
choose their sort order
choose for every single element if it gets shown
in addition a counter can be shown
- sort images alphabetic ascending or descending, sort by age (last change) ascending or descending or sort random
- the images ALT-text shows the title of the link - if links are activated
else it shows the title of a set caption (even if not activated!)
are neither links nor captions set, the filename of the image (without suffix) is shown

Installation and Usage

A step by step tutorial on installation and usage can be found at Howto Plugin .
The possibilities the code inside the article offers can be found at Howto Plugin Code .

Notice before update:
If you have modified the style sheet besps.css, save it before update, it gets overwritten.

Demo

Plugin HowTo
Plugin HowTo
Plugin HowTo
Plugin HowTo
Plugin HowTo
Plugin HowTo
Plugin HowTo
Plugin HowTo
Plugin HowTo
Plugin HowTo
Title
01/10 
start stop bwd fwd

The second sample uses the following code (with parameter overrides):
{*besps}simpleslideshow|auto=0|sort=4|cfwd=>>|cbwd=<<|csort=-415|width=300|height=200{/besps*} - without the asterisks

08
06
04
07
10
03
01
02
09
05
<< 01/10 >>


Limitations/Todo

The feature to load images after pageload works in a fire&forget-mode, will say, when showing the picture, the script does not check, if the dummy has already been replaced with the real picture. This will be one point to work with for future releases.

Compatibility

The plugin is tested successful with Joomla 1.5.6 and 1.5.15. Anyway, using it aside with one or another existing plugin/modul/component may bring to light problems i haven't foreseen.
I suggest a test run before using it on a live site and stand by for your questions and suggestions.

License

The plugin is licensed under the GNU Public License (www.gnu.org/copyleft/gpl.html).

update Version: 1.5.4

- solves the problem that Internet Explorer shows white spots on black (#000) parts of the image

Support

If you have questions or suggestions, please use the comment-function.

If you use this extensions, please post a rating and a review at extensions.joomla.org. Furthermore I appreciate everyone, supporting me with a link back to www.bretteleben.de on his/her website. The extension itself does not produce any hidden links, eastereggs or whatever.

If you need additional features or customizations for your project that exceed the scope of support offered through the comments, you are invited to submit your requirements specification and the planned budget by email (menu item "Contact" in the menu at the top).

Download

The ZIP-archive contains the plugin, by downloading it you agree to the terms of the GNU Public License. The ZIP-Archive can be used for both, upgrade and fresh installation.

Downloads:
FileLast Modified
Download this file (plg_besps_1.5.4.zip) plg_besps_1.5.4.zip2010-04-22
Last Updated on Monday, 12 April 2010 21:26
 
Comments (419)
Slideshow plugin
9 Friday, 28 November 2008 18:43
Ian
Great! Just what I was looking for. Installed perfectly and was working in less than a minute. Beautiful!
@rasheed
8 Thursday, 27 November 2008 21:51
A. Berger
Hi Rasheed!

I will take out the "Installation and Usage" part of this page and bring online an extra page with a more detailed description soon. Meanwhile - and from the beginning - the steps to get the slideshow up and running:

part one - the images:
01.) go to your Joomla Administration Interface
02.) open "Site" > "Control Panel" > "Media"
03.) open the folder "stories" (from the tree-menu at the left)
04.) create a new folder for your slidehow-images (i call it "myslideshow")
05.) open the new folder "myslideshow" by clicking on its icon
06.) upload your images into this folder
done!

part two - the plugin:
01.) download the zip-file with the plugin
02.) go back to your Joomla Administration Interface
03.) open "Extensions" > "Install/Uninstall"
04.) browse to the folder you stored the downloaded zip-file and select it
05.) click on "Upload & Install"
06.) you should get the message that everything worked out fine - otherwise come back here
07.) open "Extensions" > "Plugins"
08.) search for "bretteleben.de Simple Picture Slideshow" and click to open it
09.) set desired width and height for your slideshow
10.) make sure the parameter "Start at pageload?" is set to "yes"
11.) set the radio "activate" to "yes" and click on "save"
done!
notice: you may change the parameters later to fit your needs, for the moment we will just get the plugin up and running

part three - the slideshow:
1.) still in your Joomla Administration Interface
2.) go to "Content" > "Articles" and open the one you want to display your slideshow
3.) wherever within your text/content you want the slideshow to be displayed insert (right within the wysiwyg-editor, no need to switch to html):
{*besps}myslideshow{/besps*} - without the asterisks
4.) click "Save" to save the article
5.) click "Preview" to open the frontend of your website
6.) navigate to the article you just inserted the slideshow
7.) there should be a slideshow now, starting on pageload - otherwise come back here
done!

notice I: i have to use these astersiks here, because otherwise the installed plugin would try to display a slideshow
notice II: "myslideshow" is the name of the folder we created in part one. the script assumes, that you upload your images with the integrated Joomla-interface and store them in a folder within the folder "stories".
therefore it adds the first part of the path "/images/stories/" automatically. so, your input "myslideshow" will point to the folder "/images/stories/myslideshow" and thats where you uploaded your images.

greets
Andreas
Could understand
7 Thursday, 27 November 2008 14:01
rasheed
Hi there, i searcehed the net for a plug in and this plugin is exactly what i need. I installed it and enabled it. But i could not understand how to make it work. Where do i place the {*besps}mypictures{/besps*} . Can u explain more fluently and in easier terms and give the example full from the start. What to do in order to activate a slide show in a page? Excuse me but i am a little new to joomla in overall. Thanks
Just what I needed
6 Monday, 24 November 2008 16:49
Dick Verschuur
So simple...

but just the plug-in I needed to have a different flash-like image rotation in articles!

danke
Erweiterung
5 Thursday, 13 November 2008 14:52
Mirko
Hört sich sehr vielversprechend an. Bin schon lange auf der Suche nach einer "InContentSlideshow", d.h. eine Bilderstrecke wie sie die großen Online Zeitungen wie z.B. Welt.de und ander haben. Fehlt nur die von dir geplante Navigation und evtl. Captions. Daumen hoch und weiter so.
@PJ
4 Wednesday, 12 November 2008 23:26
A. Berger
The plugin installs

/plugins/content/besps.xml
/plugins/content/besps.php
/plugins/content/plugin_besps/besps.js
/plugins/content/plugin_besps/besps.css

If it does not write the script-tag into the head, this has other reasons.
If you provide me a link to a test-page (by comment or by mail) I will have a look at it and try to fix it.

Greets
Andreas
small bug?
3 Wednesday, 12 November 2008 00:19
PJ
hello,
thanks for your Simple Picture Slideshow. I install plugin in actual version (plugin_besps_1.0.0.zip 2008-11-02) and try start it. I saw only fist image from catalog. Installer don't install in index.php (or eny other place) link to besps.js. I copy this link from your page (link to besps.js) and plugin started. Thanks for your work and sorry for my english,
pj
@LuPo
2 Monday, 03 November 2008 20:12
A. Berger
Hallo LuPo!

Ja, die Ladezeit ist durchaus ein Argument. Ich werde mir ansehen, wie sich das am besten realisieren lassen und in den nächsten Versionen einbauen.

Gruss
Andreas
Bilder landen/zwischenspeichern
1 Monday, 03 November 2008 08:54
LuPo
Hallo!

Wenn ich im Ordner "meinebilder" z.B. 100 Bilder habe, werden dann beim Seitenaufruf alle 100 Bilder zwischengespeichert?
Würde dann ja wahrscheinlich eine Zeit dauern bis die Seite vollständig dargestellt wird.

Wird nur das jeweilig dargestellte geladen?

Kann man eventuell irgendwie einstellen wieviel Bilder "gecached" werden?

DANKE!