Startseite Joomla Simple Picture Slideshow
Joomla: Simple Picture Slideshow
Geschrieben von: Andreas Berger   
Sonntag, den 02. November 2008 um 18:22 Uhr

Das bretteleben.de "Simple Picture Slideshow" Plugin für Joomla!2.5 und Joomla!3.1 ist ein - wie der Name schon sagt - einfaches Plugin zur Darstellung einer Slideshow in einem Beitrag. Die Bilder werden überblendet, der Effekt funktioniert mit den gängigen Browsern. Die Slideshow wird wahlweise über einen Link/Button, oder aber automatisch mit dem Laden der Seite gestartet.

Features:

- unterstützte Bildformate .jpg, .png und .gif
- im Beitrag positionierbar (links, rechts, zentriert, float links, float rechts)
- beliebig viele Slideshows in einem Beitrag
- jede einzelne Slideshow beliebig konfigurierbar(Parameter Overrides)
- zu jedem Bild kann Titel und Text angezeigt werden (Captions)
- optional ist ein Titel/Text für die gesamte Slideshow möglich
- jedes Bild kann gesondert verlinkt werden (Links)
- optional ist ein Link für die gesamte Slideshow möglich
- wahlweise mit Autostart
- Kontrollelemente (start, stop, vor, zurück, Counter)
- Kontrollelemente einzeln zuschaltbar und positionierbar (links/rechts)
- Kontrollelemente wahlweise Textlink oder Button

Neu in Version 1.5.8:

- Sprach-Datei
- verfügbar für Joomla! 3.x

Installation und Verwendung

Eine Schritt für Schritt Anleitung zu Installation und Verwendung findet sich auf der Seite Anleitung Plugin .
Die Optionen beim Aufruf aus dem Artikel selbst auf der Seite Anleitung Plugin Code .

Hinweise zum Update:
Wer das Stylesheet besps.css modifiziert hat, sollte es vor einem Update sichern, da es überschrieben wird!


Demo

Anleitung Plugin
Anleitung Plugin
Anleitung Plugin
Anleitung Plugin
Anleitung Plugin
Anleitung Plugin
Anleitung Plugin
Anleitung Plugin
Anleitung Plugin
Anleitung Plugin
Überschrift
01/10 
start stop bwd fwd

 

Einschränkungen/Vorschau

Das Feature Bilder per Script nachzuladen arbeitet derzeit im "fire&forget" Modus. Das bedeutet, es erfolgt beim Aufruf keine Kontrolle, ob das Dummybild wirklich bereits ersetzt wurde. Das wird ein Punkt sein, an dem Nachfolgeversionen anknüpfen.

Kompatibilität

Das Plugin ist unter Joomla! 2.5 und 3.1 erfolgreich getestet, das Zusammenspiel mit den verschiedensten anderen Erweiterungen mag aber Probleme mit sich bringen. Ich empfehle einen Testlauf vor dem Einsatz auf einer aktiven Seite und stehe für Fragen und Anregungen immer gerne zur Verfügung.

Lizenz

Das Plugin ist unter der GNU Public License (www.gnu.org/copyleft/gpl.html) lizensiert.

aktuelle Version Joomla!2.5, und 3.1.: 1.5.8

- verfügbar für Joomla!3.1
- Sprachdateien

Support

Für Fragen und Anregungen steht die Kommentarfunktion zur Verfügung. Bitte geben Sie bei Ihrer Frage die verwendete Joomla! Version an und posten Sie bei Problemen - soweit möglich - einen Link zur betroffenen Seite.

Wer für sein Projekt zusätzliche Funktionen oder Adaptierungen über die Möglichkeiten des hier gebotenen Supports benötigt, der ist eingeladen, mich mit einer Beschreibung der gewünschten Leistungen und dem angedachten Budget per Email zu kontaktieren (Menüpunkt "Kontakt" im Topmenü).

Download

Das ZIP-Archiv enthält das Plugin, mit dem Download erklären Sie sich mit den Bestimmungen der GNU Public License einverstanden. Das ZIP-Archiv kann für Update und Neuinstallation verwendet werden. Bitte verwenden Sie das für Ihre Joomla! Installation passende Archiv. _J2.5 für Joomla! 2.5.x und _J3.1 für Joomla! 3.x

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

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


Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten.

Zuletzt aktualisiert am Samstag, den 24. August 2013 um 09:58 Uhr
 
Kommentare (85)
Cannot install plugin
45 Mittwoch, den 19. Oktober 2011 um 21:41 Uhr
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
Donnerstag, den 20. Oktober 2011 um 19:11 Uhr
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 Mittwoch, den 19. Oktober 2011 um 16:29 Uhr
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
Mittwoch, den 26. Oktober 2011 um 12:18 Uhr
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
Donnerstag, den 20. Oktober 2011 um 19:58 Uhr
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
Mittwoch, den 19. Oktober 2011 um 20:24 Uhr
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 Mittwoch, den 19. Oktober 2011 um 14:49 Uhr
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
Donnerstag, den 20. Oktober 2011 um 12:24 Uhr
Arie

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

@Arie
Mittwoch, den 19. Oktober 2011 um 20:29 Uhr
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 Dienstag, den 18. Oktober 2011 um 07:19 Uhr
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
Mittwoch, den 19. Oktober 2011 um 20:33 Uhr
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 Montag, den 08. August 2011 um 19:51 Uhr
Jean

simple ans super! Keep this guys!


sorry for bad english :)

Slideshow outside an article
40 Sonntag, den 26. Juni 2011 um 16:10 Uhr
Nathan

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

Thanks

@Nathan
Sonntag, den 26. Juni 2011 um 16:18 Uhr
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 Sonntag, den 26. Juni 2011 um 09:23 Uhr
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
Sonntag, den 26. Juni 2011 um 13:56 Uhr
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 Freitag, den 24. Juni 2011 um 11:51 Uhr
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 !
Samstag, den 02. Juli 2011 um 10:26 Uhr
Thomas Buehlmann

Besten Dank fuer die rasche Antwort und Fehlerbehebung.

@Thomas Buehlmann
Sonntag, den 26. Juni 2011 um 14:33 Uhr
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 Donnerstag, den 23. Juni 2011 um 13:41 Uhr
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
Sonntag, den 26. Juni 2011 um 14:51 Uhr
A. Berger

Hi Mardhin!


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


Best regards
Andreas

Probleme
36 Donnerstag, den 23. Juni 2011 um 09:02 Uhr
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
Sonntag, den 26. Juni 2011 um 14:58 Uhr
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!

Deutsch
Panoramic Image Viewer
Follow me on Facebook
Follow me on Google+

bretteleben.de

Add to circles

Wer ist online
Wir haben 9 Gäste online