Home Joomla Simple Picture Slideshow
2010-02-09
Main Menu
external Links
Most Read
Support

If you like the products on these pages, your support is highly appreciated. Thank you very much!

Amount: 

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
09
01
05
07
10
04
06
03
02
<< 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.3

- Captions are used for ALT-, TITLE even when deactivated
- CSS-Bug with Captions almost fixed, thanks Marcus for reporting!
- remove linebreaks and blanks between lines of code
- additional links to the tutorial in the backend

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.

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 (plugin_besps_1.5.3.zip) plugin_besps_1.5.3.zip2010-01-14
Last Updated ( Thursday, 14 January 2010 11:10 )
 
Comments (344)
Herzlichen Dank
344 Sunday, 07 February 2010 13:21
@Andreas
funktioniert jetzt wunderbar. :-)
"(einfach in den Quelletxt der Seite schauen :))".
mit Schauen ist es bei mir leider (noch)nicht getan. Bin absoluter Laie - aber ich lerne dank deiner Unterstützung dazu.

Gruß
Gerhard
Super Plugins / great plugins
343 Sunday, 07 February 2010 12:49
Christoph
Hi Andreas,

ich muss wirklich sagen, dass ich noch nie so viele sinnvolle und einfache Plugins gesehen habe. Ich finde vor allem gut, dass du sie wirklich als Plugins veröffentlichst und nicht als Modul, so wie viele andere. Das macht den Einsatzbereich deutlich flexibler. Für meinen Anwendungsfall habe ich einige deiner Plugins getestet und fand alle super. Immer nach dem Motto "Keep it simple stupid"

Für das Simple Slideshow Plugin hätte ich aber noch einen Feature Request:

Display in Loop: yes/no

Könnte ja default auf "yes" stehen (ist ja der häufigste Anwendungsfall), aber ich hätte gerne, wenn die Slidshow nur ein einziges Mal druchläuft.

Danke und Gruß,
Christoph

[Englisch version]
Hi Andreas,
I really appreciate your plugin developments. I've never seen so many and useful plugins in one place. In particular your decision to publish your developments as plugins instead of modules like many other developers do. This increases the possible range of use significantly. In my case, I have tested several of your plugins and they all were great. Keep it simple and stupid

In case of the simple slideshow plugin I have a small feature request:

Display slidshow in loop: yes/no (maybe with yes set as the default value)

Regards,
Christoph
@Gerhard
342 Saturday, 06 February 2010 18:57
A. Berger
Hallo Gerhard!

Der umfassende DIV-Container der Slideshow hat die Klasse "besps_holder" (einfach in den Quelletxt der Seite schauen :)). Alternativ dazu könntest Du - falls das Plugin "EasyImageCaption" ein Content-Plugin ist, dieses im Plugin Manager in der Spalte "Reihenfolge" so weit nach oben verschieben, dass es vor der Slideshow ausgeführt wird. Wenn es den selben Hook wie die Slideshow (onPrepareContent) benutzt, dann behebt das aller Voraussicht nach auch das Problem.

Gruß
Andreas
SPS
341 Friday, 05 February 2010 13:14
Gerhard
Hallo Andreas,
da hast du ein feines Plugin geschaffen.
Doch ich habe Probleme wenn das Plugin "EasyImageCaption" eingeschaltet ist.
Es besteht aber die Möglichkeit dass man Bilder einzelner Klassen ignorieren lässt.
Bei vsig ist es z.B. vsg_top.
Kannst du mir die Klassen von sps nennen, damit ich sie eintragen kann?

mit freundlichen Grüßen
Gerhard
@ilpepe
340 Sunday, 31 January 2010 20:41
A. Berger
Hallo ilpepe!

Der erste Gedanke ist schon der richtige, aber schau Dir auch den Quelltext an! Für die Captions (besser geht es mit bs_inside) wird passend zur Bildhöhe ein padding-top dynamisch gesetzt. Das brauchst Du im Stylesheet nur mit 0 überschreiben "padding-top:0px !important;" und dann Deinen negativen Wert für margin-top hinzufügen. Mehr sollte nicht nötig sein.

Gruß
Andreas
Danke
339 Sunday, 31 January 2010 20:36
ilpepe
Danke, ich werde es versuchen. Zurzeit fällt mir nur margin-top:-xxx px ein. Mit table-caption wird es schwer gehen oder?

lg
@ilpepe
338 Sunday, 31 January 2010 20:13
A. Berger
Hallo ilpepe!

Am einfachsten wäre es, weiterhin den Titel (oder Text) der Captions zu verwenden und diese im Stylesheet (/plugins/content/plguin_besps/besps.css) so zu formatieren, dass sie oberhalb der Bilder angezeigt werden. Wenn Du Dir den Quelltext der Galerie ansiehst, lassen sich die einzelnen Selektoren des Stylesheets einfach zuordnen.

Gruß
Andreas
Copyright Caption
337 Sunday, 31 January 2010 19:59
ilpepe
Hi!

Ist es Möglich ein Feld Copyright einzufügen - statt dem Titel. Dieses Copyrightfeld sollte aber über dem Bild stehen. Ich verwende zurzeit einfach den Titel und habe ihn umformatiert (Schriftfarbe und Größe), jedoch steht er einfach unter dem Bild.

Ich müsste aber ein DIV über dem Bild mit dem Titel/Copyright erstellen.

In welchem Array stehen die Informationen?

Danke
@Bas
336 Sunday, 31 January 2010 12:47
A. Berger
Hi Bas!

Maybe you are running into a strange behavior of InternetExplorer: This browser never gives up! :)

Please check your page if there is an element, the browser is not able to load (maybe a small image from an extension that gets loaded from another domain). If this happens, Internet Explorer will try forever+3days to load this image which means the page never is "loaded" and which prevents the JavaScript onload-event to get fired. This event starts the script that replaces the dummy images with the real images. If the script is not started you keep seeing the transparent 1pixel png-placeholders.
Firefox on the other hand tries to load this element too but it gives up after a certain amount of time, the page is loaded (even without this element), the onload-event gets fired, the images loaded, everything's fine.

To solve the problem, either make sure everything gets loaded fine or turn off the preload feature.

Best regards
Andreas
Blank Screen
335 Sunday, 31 January 2010 08:51
Bas
Hello,

When i use IE8, i get blank screens after X pictures. X = Preload option in the backend.
I don't have this problem in firefox (3.5)

Any idea what the problem could be ?