Home Joomla Simple Picture Slideshow
Main Menu
Most Read
Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_mostread/helper.php on line 79
Support

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

Amount: 

Latest Items
Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109 Warning: Creating default object from empty value in /var/www/clients/client396/web1968/web/modules/mod_latestnews/helper.php on line 109
Joomla: Simple Picture Slideshow
Written by Andreas Berger   
Sunday, 02 November 2008 18:22

The bretteleben.de "Simple Picture Slideshow" Plugin for Joomla!2.5 and Joomla!3.1 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 slideshow 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.8:

- language files
- available for Joomla!3.1

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

 


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 2.5 and 3.1. 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 Joomla!2.5 and 3.1: 1.5.8

- available for Joomla!3.x
- language files

Support

If you have questions or suggestions, please use the comment-function. Please include the installed Joomla! version and if you have problems - if any possible - the affected page in your comment.

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. Please choose the file that fits your Joomla! installation. _J2.5 for Joomla! 2.5.x and _J3.1 for Joomla! 3.x

J!2.5.x - plg_simplepictureslideshow_v1.5.8_J2.5.zip Downloads: 43.175

J!3.1.x
- plg_simplepictureslideshow_v1.5.8_J3.1.zip Downloads: 50.727

If you use this extensions, please post a rating and a review at extensions.joomla.org.

Last Updated on Saturday, 24 August 2013 09:58
 
Comments (85)
Cannot install plugin
45 Wednesday, 19 October 2011 21:41
Ed Vaflor

I get the following message when I try to upload file and install (in Joomla 1.15.14):

JFolder::create: Could not create directory
Warning! Failed to move file.

@Ed Vaflor
Thursday, 20 October 2011 19:11
A. Berger

Hi Ed!

The error is not specific for this extension but indicates that there is a problem with the configuration of your site at all.
First, you could check the directory permissions of your Joomla! installation. In your Joomla! Backend go to "Site" > "System Information" and open the tab "Directory Permissions". Everything should be set to "Writable" here. If it isn't, change the permissions.
Another possible reason are the settings for the tmp-directory (open_basedir restrictions), that prevent the Joomla! installer to use the tmp-directory to install the extension.
Please have a look at this page (http://docs.joomla.org/Why_can't_you_install_any_extensions%3F ), it deals with the most common reasons for these kind of problems.


Best regards
Andreas

PS.: Beside of your problem, I recommend to update your system (update Version is 1.5.24)

Durch das Bild verdeckte Link/Button
44 Wednesday, 19 October 2011 16:29
Reinhold Vogel

Diese Slideshow wäre durch die mögliche Textanzeige für unsere Vereinshomepage ideal. Nun habe ich zum Probieren das Plugin installiert. Leider hat sich gleich ein großes Problem mit den Link/Button am oberen Rand gezeigt. Diese wurden von allen Bildern fast vollständig verdeckt, dadurch kann man sie nicht mehr benützen. Ich habe leider keine Parameter gefunden, um das Bild etwas nach unten zu versetzen. Je nach Bildformat sieht man noch 1/2 Button.

Da die Vereinshomepage noch nicht online ist (nur bisherige alte Frontpageversion), kann ich keinen Link angeben. Ein Foto könnte ich mailen, wenn ich wüsste wohin.

2. Frage:  Kann man die Schriftgröße für den Titel + Text vergrößern? Wie?

@Reinhold Vogel
Wednesday, 26 October 2011 12:18
A. Berger

Hallo Reinhold!

Danke für den Link. Das Problem wird durch das Stylesheet des Templates verursacht, das eine Einstellung des Templates der Slideshow überschreibt. Beheben lässt es sich, indem Sie entweder im Stylesheet des Templates die Paddings im Selektor ".mc div div div div {}" (Zeilen 305 und 306) auskommentieren oder aber im Stylesheet des Plugins (/plugins/content/plugin_besps/besps.css) im Selektor .besps_ctrls {} das überschriebene padding manuell neu setzen (z.B: .besps_ctrls {padding-top:403px !important;} ).

Gruß
Andreas

Durch das Bild verdeckte Link/Button
Thursday, 20 October 2011 19:58
Reinhold Vogel

Hallo Andreas,

danke für den Tipp bezüglich der Schriftgröße.

Leerzeichen bringen nichts. Dadurch wird nur das Buld unkl. den Steuerbuttons gleich nach unten versetzt. Der Effekt ist der selbe, die Button sind unsichtbar am oberen Bildrand versteckt.
Im Beitrag ist ausser dem Code für die Slideshow bisher nichts eingegeben.

{*besps}mitglieder/personen/vogel_friederike/fahrzeuge{/besps*}
{*besps_c}0|bandit1.jpg|Testtitel1|Suzuki{/besps_c*}  
{*besps_c}0|hornet.jpg|Testtitel2|Honda - mein aktuelles Fahrzeug{/besps_c*}

Die Bilderoberkante ist mit der Buttonleiste Oberkante identisch. Je nach Bildbreite sieht man dann rechts noch die Vor/Zurück Button. Links ist maximal der Bildzähler z.B. 1/7 sichtbar.
Wäre die Bildoberkante mit der Buttonleiste Unterkante bündig, wäre alles Okay. Oder lässt sich die Buttonleiste vielleicht nach unten versetzen? Würde das etwas bringen?

@Reinhold Vogel
Wednesday, 19 October 2011 20:24
A. Berger

Hallo Reinhold!

Ohne den Quelltext der Seite lässt sich nicht wirklich sinnvoll helfen, aber hast Du es mal mit ein, zwei Leerzeilen im Artikel VOR dem Code für die Slideshow versucht?

Betreffend Schriftgröße: Öffne das Stylesheet /plugins/content/plugin_besps/besps.css (Joomla!1.5)  mit einem Texteditor. Der Selektor .besps_caps div span {} definiert u.a. die Textgröße der Titelzeile, der Selektor .besps_caps div span + span {} die der Textzeile.

Gruß
Andreas
 

What is the sourcecode of the demo like?
43 Wednesday, 19 October 2011 14:49
Arie

Could you please show me the source code of the demo is like.

You have it working, I don't : -(

Oh boy, this is good
Thursday, 20 October 2011 12:24
Arie

Thanks to the sourcecode I have the plugin working. Thanks a million.

@Arie
Wednesday, 19 October 2011 20:29
A. Berger

Hi Arie!

The code in the article is:

{*besps}simpleslideshow{/besps*}
{*besps_l}0||http://www.bretteleben.de/lang-en/joomla/simple-picture-slideshow/installation-and-usage-plugin.html|Plugin HowTo|_blank{/besps_l*}
{*besps_c}0||Default-Title|Default-Text{/besps_c*}
{*besps_c}0|01.jpg|Title|{/besps_c*}
{*besps_c}0|03.jpg||Text{/besps_c*}
{*besps_c}0|05.jpg|Title|Of course it is possible to use a little more text. The crossfade stretches to fit your needs. Limitation: If you show the captions below the image, you will have to provide room manual. (Insert linebreaks).{/besps_c*}
{*besps_c}0|07.jpg|empty:|Title and text of the next image are intentionally empty.{/besps_c*}
{*besps_c}0|08.jpg||{/besps_c*} ... without all of the asterisks :)

Best regards
Andreas

Joomla 1.7 - Slideshow im Kopf der Webseite
42 Tuesday, 18 October 2011 07:19
Bertram

Hallo Andreas,

Ich benutze Joomla 1.7 und das Slideshow Plugin funktioniert in den "Beitraegen" wunderbar.
Ich moechte dieses allerdings im Kopf meiner Webseite einsetzen.  Dazu habe ich in der Index.php einer DIV-Tag erstellt:    [code]  und n der template.css folgendes:

DIV.art-slideshow
{
position: absolute;
top: 0;
right: 1px;
width: 330px;
height: 150px;
background-image: url('../images/textblock-bg.png');
}

Wenn ich mir an dieser Stelle nur ein Bild anzeigen lassen moechte, so funktioniert dies mit obigen Einstellungen.  Allerdings bekomme ich es nicht hin die Anweisung: [ {besps}foldername{/besps} ] zu implementieren.  Wie muss ich dies tun?  Bzw. ist die Slideshow ueberhaupt per css aufrufbar?

Ich habe es auch schon direkt im DIV-Tag der index.php versucht doch dann erscheint an gewuenschter Stelle nur der Text:  [ {besps}foldername{/besps} ]

Gruss Bertram

@Bertram
Wednesday, 19 October 2011 20:33
A. Berger

Hallo Bertram!

Nein, das funktioniert nicht. Das Plugin ist ein Joomla! Content Plugin und wird von Joomla! nur innerhalb dieses Umfelds (Content oder Module, die Content Plugins berücksichtigen) ausgeführt. Für das Template ist das nicht der Fall.
Wenn Du die erweiterten Funktionen (Captions, Links) nicht brauchst, dann könntest Du Dir aber in der Sektion "JavaScript" (Menü links) mal die Slideshow ansehen. Das ist im Prinzip das JavaScript, das diesem Plugin zu Grunde liegt. Und das lässt sich in ein Template einbauen.

Gruß
Andreas

simple and super
41 Monday, 08 August 2011 19:51
Jean

simple ans super! Keep this guys!


sorry for bad english :)

Slideshow outside an article
40 Sunday, 26 June 2011 16:10
Nathan

Is it possible to use the slideshow outside of an article?  If so how is this achieved.

Thanks

@Nathan
Sunday, 26 June 2011 16:18
A. Berger

Hi Nathan!

If you want to show the slideshow at a module position, you could use a module for custom content, or a module to embed articles in modules. Anywhere, there are limitations.
First, not all of these extensions allow the plugin (or content plugins at all) to work. The page FAQ&Troubleshooting lists two extensions (there may be more - if you find one, please let me know) that allow the plugin to be used at module positions.
Secondly, please be aware that - even if the plugin works this way - the fact that a module is not an article - up till now (till the next version is out) causes problems if you are going to use multiple instances of the plugin on one page because the plugin will not be able to write unique identifiers for JavaScript and CSS. If you need multiple instances on one page, I would indeed use a slideshow, explicitly developed as a module.

Best regards
Andreas

Kann man die Slideshow auch in deutsch anwenden?
39 Sunday, 26 June 2011 09:23
dette

Hallo Andreas,

ist die Slideshow auch in deutsch anwendbar? Ich hoffe, denn dann hätte meine Suche ein Ende.
Danke für deine Antwort.

Freundliche Grüße
dette

@dette
Sunday, 26 June 2011 13:56
A. Berger

Hallo dette!

Sprachfiles in Deutsch und Englisch kommen erst mit dem nächsten Update, aber "anwenden" kannst Du das Plugin natürlich in jeder Sprache, denn das Frontend hat ohnehin keine vordefinierten Texte.

Gruß
Andreas

Probleme mit Anzeige von Bildern nach den ersten 5
38 Friday, 24 June 2011 11:51
Thomas Buehlmann

Zuerst vielen Dank fuer dieses Module, es ist meiner Ansicht nach eines der Besten. Ich habe es mit Erfolg unter Joomla 1.5 benutzt. Nach der Neuinstallation von Joomla 1.6 laufe ich aber in Probleme. Die ersten 5 Bilder (cache!) werden angezeigt. Danach werden die Bilder nicht mehr angezeigt. Das heisst, weder bei automatischer noch manueller Weiterschaltung. Mouse-over das (leere) Bild zeigt, dass der richtige Filename an dieser Stelle sein sollte, doch wird eben kein Bild angezeigt. Ich habe das mit FF5, IE8 probiert; es funktioniert bei Joomla 1.5 aber nicht bei 1.6. Ebenfalls habe ich das Module uninstalliert und wieder reinstalliert. ohne Erfolg.

Zum Ausprobieren:
www.buehlmann-family.com/v2 ==> J1.5
www.buehlmann-family.com/v3 ==? J1.6

Besten Dank !
Saturday, 02 July 2011 10:26
Thomas Buehlmann

Besten Dank fuer die rasche Antwort und Fehlerbehebung.

@Thomas Buehlmann
Sunday, 26 June 2011 14:33
A. Berger

Hallo Thomas Buehlmann!

Danke für den Hinweis. Der Grund für das Problem ist ein Fehler im - zum Plugin gehörigen - JavaScript, das beim Ersetzen der Preload-Bilder noch den Pfad wie unter Joomla!1.5 verwendet.
Ich werde in den nächsten Tagen ein Update veröffentlichen, das den Fehler behebt. Falls das zu lange dauert, man braucht nur im JavaScript /plugins/content/simplepictureslideshow/files/besps.js die originale
Zeile 188:
parr[arrdelta].getElementsByTagName("img")[0].src=tempsrc.replace(/\/plugins\/content\/plugin_besps\/besps.png$/g, preload[j]);

Durch diese zu ersetzen:
parr[arrdelta].getElementsByTagName("img")[0].src=tempsrc.replace(/\/plugins\/content\/simplepictureslideshow\/files\/besps.png$/g, preload[j]);

Gruß
Andreas Berger

the image doesn't display
37 Thursday, 23 June 2011 13:41
Mardhin

thanks for the plugin. its so help me but i have a problem when i already install the plugin, the picture is not look just show the name of picture, for the connection to the folder it is okay...could you help me? what is the problem for this condition...

@Mardhin
Sunday, 26 June 2011 14:51
A. Berger

Hi Mardhin!


Please provide a link to the page, I will have a look at it.


Best regards
Andreas

Probleme
36 Thursday, 23 June 2011 09:02
Verdet

Please, can you check my code. The code don't work. Think you !!!!

{*besps}par_le_petit_bout_de_la_lorgnette |0|par_la_lorgnette1.jpg|titre|text{/besps*}

@Verdet
Sunday, 26 June 2011 14:58
A. Berger

Hi Verdet!

The code is the code for a slideshow, the parameters are a mix between a slideshow and a caption.
If you want to set a slideshow (assuming that "par_le_petit_bout_de_la_lorgnette" is the name of the folder), change the code to:
{*besps}par_le_petit_bout_de_la_lorgnette{/besps*} ... without the asterisks

If - in addition - you want to set a caption for the image par_la_lorgnette1.jpg, change the code to:
{*besps}par_le_petit_bout_de_la_lorgnette{/besps*}
{*besps_c}0|par_la_lorgnette1.jpg|titre|text{/besps_c*} ... without the asterisks

besps ... slideshow
besps_c ... caption
besps_l ... link

Best regards
Andreas

Btw.: Make your life easier and use short, lowercase names without whitespaces and special signs for files and folders on your webserver!

Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 129 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 135 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 129 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 135 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 129 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 135 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 129 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 135 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 129 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 135 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 129 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 135 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 129 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 135 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 129 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 135 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 129 Warning: Illegal string offset 'active' in /var/www/clients/client396/web1968/web/templates/biz_blue_ii/html/pagination.php on line 135
English
Panoramic Image Viewer
Follow me on Facebook
Follow me on Google+

bretteleben.de

Add to circles

Who's Online
We have 45 guests online