Startseite Joomla Simple Picture Slideshow - Anleitung Plugin Code
2010-08-01
Simple Picture Slideshow Plugin Verwendung - Code
Geschrieben von: Andreas Berger   
Sonntag, den 12. Juli 2009 um 18:03 Uhr

Übersicht über die Möglichkeiten des Aufrufs direkt aus dem Artikel.

Das "Simple Picture Slideshow" Plugin wird aus dem jeweiligen Artikel aufgerufen. Dabei gibt es - neben der Wahl des Ordners, in dem die Bilder liegen - weitere Möglichkeiten, die Slideshow aufzuwerten oder zu gestalten.

 

A.) Die Slideshow selbst

Der Code besteht aus dem Aufruf selbst {*besps}{/besps*} (ohne die Sterne) und enthält den Namen des Ordners, in dem wir gerade die Bilder abgelegt haben. Der Pfad zum Ordner, also "/images/stories/" wird vom Plugin automatisch ergänzt und ist nicht mit anzugeben.

Ein Aufruf sieht also zum Beispiel so aus

{*besps}simpleslideshow{/besps*} - ohne die Sterne


Um einen Ordner in einem Unterordner zu verwenden, wird sinngemäß der Pfad unterhalb von "/images/stories/" angegeben, also zum Beispiel für den Ordner "/images/stories/ordner/unterordner":

{*besps}ordner/unterordner{/besps*} - ohne die Sterne

An sich war es das und die Slideshow ist einsatzfertig.




B.) Parameter Overrides

Beginnend mit Version 1.3 bietet die "Simple Picture Slideshow" die Möglichkeit, alle im Konfigurationspanel des Plugins gesetzten Werte direkt im Aufruf zu überschreiben. Damit können verschiedenst gestaltete Slideshows erstellt werden.
Dazu wird der Aufruf des Plugins um die benötigten Parameter erweitert. Diese folgen dem Ordnernamen, von diesem und untereinander jeweils getrennt durch einen vertikalen Trennstrich und haben das Format PARAMETER=WERT:

Übersicht über die möglichen Parameter:

width - Breite der Slideshow in Pixel (ganze Zahl) z.B.: 400

height - Höhe der Slideshow in Pixel (ganze Zahl) z.B.: 300

align - Ausrichtung der Slideshow im Artikel; mögliche Werte: 0 (rechts), 1 (mitte), 2 (links), 3 (float left), 4 (float right)

bgcol - Hintergrundfarbe der Slideshow als hexadezimaler Wert (ohne einleitende Raute) z.B.: ffffff

sdur
- Zeit die die einzelnen Bilder angezeigt werden in Sekunden (ganze Zahl) z.B.: 3

fdur - Dauer des Überblendens zwischen zwei Bildern in Sekunden (ganze Zahl) z.B.: 1

steps - Anzahl der Schritte beim Überblenden als Wert von 1 - 100 (ganze Zahl) z.B.: 50

auto - automatisch Starten beim Laden der Seite; mögliche Werte: 0 (nein), 1 (ja)

sort - Sortierung der Bilder; mögliche Werte: 0 (A-Z - DEFAULT), 1 (Z-A), 2 (alt-neu), 3 (neu-alt), 4 (zufällig)

setid - Name des Ordner als Identity des obersten DIV-containers; mögliche Werte: 0 (nein), 1 (ja)

ctrls - Kontrollelemente anzeigen; mögliche Werte: 0 (nein), 1 (ja)

csort - Anordnung der Kontrollelemente; beliebige Kombination aus den mögliche Werten:
1 (Counter), 2 (Start), 3 (Stop), 4 (rückwärts), 5 (vorwärts), - (Trennung links rechts)
z.B.: 1-2345 (Erläuterungen siehe Plugin Howto)

cstart - Wert für das Kontrollelement "Start"; mögliche Werte: leer (Standardbutton); beliebiger Text; Dateiname eines Buttons (siehe Plugin Howto)

cstop - Wert für das Kontrollelement "Stop"; mögliche Werte: leer (Standardbutton); beliebiger Text; Dateiname eines Buttons (siehe Plugin Howto)

cfwd - Wert für das Kontrollelement "Vor"; mögliche Werte: leer (Standardbutton); beliebiger Text; Dateiname eines Buttons (siehe Plugin Howto)

cbwd - Wert für das Kontrollelement "Zurück"; mögliche Werte: leer (Standardbutton); beliebiger Text; Dateiname eines Buttons (siehe Plugin Howto)

prld - Bilder nachladen (ganze Zahl von 3 - "Bilder in der Slideshow") z.B.: 5; Erläuterung siehe Plugin Howto

caps - Captions anzeigen; mögliche Werte: 0 (nein), 1 (ja)

inout - Position der Captions; mögliche Werte: 0 (unter dem Hauptbild), 1 (überblendet über das Hauptbild)

links - Links anzeigen; mögliche Werte: 0 (nein), 1 (ja)


Beispiele:

{*besps}slideshow|width=600|height=450{/besps*} - ohne die Sterne
Ungeachtet der Voreinstellungen wird diese Slideshow mit einer Breite von 600 Pixel (width=600) und einer Höhe von 450 Pixel (height=450) angezeigt.

{*besps}slideshow|ctrls=0|caps=0|links=0|auto=1{/besps*} - ohne die Sterne
Keine Kontrollelemente, keine Captions, keine Links, die Sldieshow startet automatisch.

Hinweise:

Die Parameter entsprechen den Parametern im Konfigurationspanel des Plugins und sind auf der Seite Anleitung Plugin ausführlich erläutert.
Der erste Parameter innerhalb eines Aufrufs ist immer der Ordner mit den Bildern. Danach ist die Reihenfolge, in der die Overrides angegeben werden frei wählbar.


C.) Captions

Überschriften und Texte werden mit einem eigenen Aufruf angegeben. Dieser lautet:

{*besps_c}Slideshownummer|Bilddatei|Titel|Text{/besps_c*} - ohne die Sterne


Slideshownummer:
Die Slideshows innerhalb eines Beitrages werden von 0 beginnend durchnummeriert.
Diese Eingabe ist unbedingt erforderlich

Bilddatei:
Der Name der Datei "meinbild.jpg".
Wird hier nichts eingegeben, dann wird der Aufruf als Default-Wert für die Slideshow verwendet. Das bedeutet, er wird bei allen Bildern angezeigt, für die keine eigene Eingabe vorhanden ist. Dateiname und Suffix sind CaseInsensitiv.

Titel:
Die Überschrift. Wird hier nichts eingegeben . . . dann wird keine Überschrift angezeigt.

Text:
Der Text unterhalb der Überschrift. Wird hier nichts eingegeben . . . dann wird kein Text angezeigt.

Beispiele:

{*besps_c}0||meinTitel|meinText{/besps_c*} - ohne die Sterne
Dieser Aufruf legt für die erste Slideshow im Beitrag den Standardtitel "meinTitel" und den Stadardtext "meinText" fest, indem kein Bild angegeben wird. Hinweis: natürlich muss man keinen Stadardtext festlegen. Findet das Plugin für ein Bild keine Angabe, dann wird eben nichts angezeigt.

{*besps_c}1|bild01.png||meinText{/besps_c*} - ohne die Sterne
Bei bild01.png in der zweiten Slideshow im Beitrag wird keine Überschrift und als Text "meinText" angezeigt.

{*besps_c}0|bild02.png||{/besps_c*} - ohne die Sterne
Bei bild02.png in der ersten Slideshow im Beitrag wird nichts angezeigt (Auch nicht der weiter oben festgelegte Standardtext/-titel.)

{*besps_c}0|bilda.jpg|meinTitelA|meinTextA{/besps_c*} - ohne die Sterne
{*besps_c}0|bildb.jpg|meinTitelB|meinTextB{/besps_c*} - ohne die Sterne
{*besps_c}0|bildc.jpg|meinTitelC|meinTextC{/besps_c*} - ohne die Sterne
{*besps_c}0|bildd.jpg|meinTitelD|meinTextD{/besps_c*} - ohne die Sterne ... ich glaube, das Prinzip ist klar

Hinweise:
Wo im Beitrag und in welcher Reihenfolge diese Angaben gemacht werden ist ohne Belang.
Die Anzahl der Parameter in einem Aufruf muss immer 4 sein. Das bedeutet, es müssen immer 3 vertikale Trennstriche (broken vertikal bar) angegeben sein, auch wenn zum Beispiel kein Text angegeben wird, der Trennstrich nach dem Titel muss vorhanden sein!
Diese Trenner sind hier geschützte Zeichen und dürfen im Text der Eingaben nicht verwendet werden.
Sind Captions im Konfigurationspanel des Plugins deaktiviert, dann können sie trotzdem verwendet werden um mit dem Titel den (ansonsten automatisch eingefügten) Dateinamen als ALT- und TITLE-Tag zu ersetzen.


D.) Links

Möchten wir die Bilder der Slideshow verlinken, dann kommt zusätzlich noch eine dritte Form des Aufrufs zum Einsatz:

{*besps_l}Slideshownummer|Bilddatei|Verweisziel|Titel|target{/besps_l*} - ohne die Sterne


Slideshownummer:
Die Slideshows innerhalb eines Beitrages werden von 0 beginnend durchnummeriert.
Diese Eingabe ist unbedingt erforderlich

Bilddatei:
Der Name der Datei "meinbild.jpg".
Wird hier nichts eingegeben, dann wird der Aufruf als Default-Wert für die Slideshow verwendet. Das bedeutet, er wird für alle Bilder verwendet, für die keine eigene Eingabe vorhanden ist. . Dateiname und Suffix sind CaseInsensitiv.

Verweisziel:
Die URL zu der verlinkt werden soll. Z.B.: http://www.bretteleben.de

Titel:
Der Text, der beim Überfahren des Bildes für den Link angezeigt werden soll. z.B.: bretteleben.de

target:
Das Fenster, in dem das Verweisziel geöffnet werden soll. z.B.: _blank (neues Fenster), _self (selbes Fenster)

Beispiele:

{*besps_l}0||http://www.bretteleben.de|bretteleben.de|_blank{/besps_l*} - ohne die Sterne
Dieser Aufruf legt durch den leeren Bildnamen für die erste Slideshow im Beitrag den Standardlink www.bretteleben.de mit dem Text bretteleben.de fest, geöffnet wird der Link in einem neuen Fenster.

{*besps_l}1|bild01.png|http://www.disney.com|Disney|_self{/besps_l*} - ohne die Sterne
bild01.png in der zweiten Slideshow wird mit www.disney.com verlinkt, der Link öffnet im selben Fenster.

{*besps_l}0|bild02.png|||{/besps_l*} - ohne die Sterne
bild02.png in der ersten Slideshow im Beitrag soll nicht verlinkt werden. Ein Sonderfall, denn wenn man Links aktiviert hat, dann werden alle Bilder der Slideshow verlinkt. bild02.png wird in diesem Fall einen leeren Verweis haben und auf die selbe Seite verlinken.

{*besps_l}0|bilda.jpg|http://www.meine.domain.com/meinTollesProdukt1|tollesProdukt1|_self{/besps_l*} - ohne die Sterne
{*besps_l}0|bildb.jpg|http://www.meine.domain.com/meinTollesProdukt2|tollesProdukt2|_self{/besps_l*} - ohne die Sterne
{*besps_l}0|bildc.jpg|http://www.meine.domain.com/meinTollesProdukt3|tollesProdukt3|_self{/besps_l*} - ohne die Sterne
{*besps_l}0|bildd.jpg|http://www.meine.domain.com/meinTollesProdukt4|tollesProdukt4|_self{/besps_l*} - ohne die Sterne ... usw.

Hinweise:
Wo im Beitrag und in welcher Reihenfolge diese Angaben gemacht werden ist ohne Belang.
Die Anzahl der Parameter in einem Aufruf muss immer 5 sein. Das bedeutet, es müssen immer 4 vertikale Trennstriche (broken vertikal bar) angegeben sein, auch wenn eine Angabe (zum Beispiel der Name der Bilddatei) leer bleibt!
Diese Trenner sind hier geschützte Zeichen und dürfen im Text der Eingaben nicht verwendet werden.

 


Das wars! Viel Spass mit dem Plugin!


Für Fragen und Anregungen steht die Kommentarfunktion zur Verfügung.

Wer die Erweiterung nutzt den bitte ich, sie auf extensions.joomla.org zu bewerten und einen Erfahrungsbericht zu posten. Darüber hinaus freue ich mich über jeden, der die Möglichkeit findet, mich durch einen Link zu www.bretteleben.de auf seiner Webseite zu unterstützen. Das Plugin selbst produziert keine versteckten Links oder sonstige Nettigkeiten welcher Art auch immer.

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ü).

 

Zuletzt aktualisiert am Montag, den 12. April 2010 um 21:27 Uhr
 
Kommentare (129)
Loading images
129 Freitag, den 16. Juli 2010 um 00:18 Uhr
Ronald Krauwl

I have a large slide show of 2000+ pictures. When I start the slide show it downloads all the pictures. Is there a way to prevent this?

Sample:http://www.iskc.nl/club/index.php?option=com_content&view=article&id=724&Itemid=66
Please email me on info AT iskc DOT nl if you know how to solve this problem.

Thanks in advance,
Ronald Krauwel


 

@Ronald Krauwl
Mittwoch, den 21. Juli 2010 um 21:42 Uhr
A. Berger

Hi Ronald!

You are already using the parameter "preload" to preload tiny dummy images and load the real images afterwards. Beside of this the only advice I can offer is to reduce the number of the images - no one will ever see all of them, or do you stay on a single page for half an hour?

Best regards
Andreas

Slideshow in a PHP component
128 Donnerstag, den 15. Juli 2010 um 20:58 Uhr
Joe

First of all, let me say that this plug in is a BEAUTY! Great job!!

I have a PHP Page Component installed on my website. How do i make this plug in work with my php pages? I tried you basic code in my php page, but it won't work.

Help!

@Joe
Mittwoch, den 21. Juli 2010 um 21:36 Uhr
A. Berger

Hi Joe!

This is a Joomla! extension. Is your site driven by Joomla!

Best regards
Andreas

Alt or Title for pictures
127 Mittwoch, den 14. Juli 2010 um 11:56 Uhr
Mike

First of all, thank you very much for this plugin. It is really interesting and easy to use.

Well, maybe you have answered this before but I can't find the answer (or maybe I'm not good at English, hehe).
I created an article with some pictures. Everything is fine, but when the mouse is over them, it appears the name of the picture (caption?). Is there any possibility to avoid that?

Thank you very much,
Mike


 

@Mike
Mittwoch, den 21. Juli 2010 um 21:22 Uhr
A. Berger

Hi Mike!

To do this use an empty default caption (see the section about captions above) in addition to the initial call.

Best regards
Andreas

great!
126 Samstag, den 10. Juli 2010 um 12:58 Uhr
Denis

Thank u!!!

Is there way to move the Captions and buttons above the slides (photos)
125 Mittwoch, den 07. Juli 2010 um 17:18 Uhr
Khaja

This plug-in a great tool, very fast to implement. Thanks.

Is there way to move/display the Captions and buttons (start,stop,previous,next) above the slides / photos being shown?


 

@Khaja
Mittwoch, den 07. Juli 2010 um 21:20 Uhr
A. Berger

Hi Khaja!

As far as the buttons are concerned, have a look at this comments:

http://www.bretteleben.de/lang-en/component/content/article/3859-control-buttons-position.html

And for the captions, check the selector ".besps_caps div.bs_inside". It controls the captions over the main image and will be the one that's easier to modify compared to ".besps_caps div.bs_outside" (captions below the main image).

Best regards
Andreas

How to add on the top in the template?
124 Mittwoch, den 30. Juni 2010 um 22:11 Uhr
Sunny

Hi everyone.

I need to add the slide show on the top right side which is the part of header of template. I tried to paste this code in the html file of template but it simply prints this line and there is no slide show. I intend to place the slide show on the top right side which happens to be the header of template and which stays there on fir every page......

Kindly reply asap......any help is appreciated.


 

@Sunny
Dienstag, den 06. Juli 2010 um 22:55 Uhr
A. Berger

Hi Sunny!

To achieve this you should show the plugin at a module position. Have a look at the page FAQ&Troubleshooting (menu at the left), it lists two extensions, that allow to use the plugin this way.

If your template does not contain a module position that fits your needs, you might consider to create a custom module position. Feed Google with „joomla 1.5 custom module position“ and you will get a lot of usefull results that explain how to achieve this.

Best regards
Andreas

PLugin an MArkerposition einfügen
123 Dienstag, den 29. Juni 2010 um 12:55 Uhr
Dr.Spox

Hallo, ich bin noch ziemlicher Joomla Neuling und habe bisher in Typo3 gearbeitet.

Mir ist noch nicht ganz klar wie ich das Plugin an einer Markerposition einfügen kann. Im Moment wird es ja nur über den Beitrag im Contentbereich angezeigt.
Was muss ich einstellen, das es z.B. in der Rechten Spalte an der Markerposition "slideshow" eingefügt wird ?

Wäre für einen Tipp dankbar.
Danke Axel


 

@Axel
Dienstag, den 06. Juli 2010 um 23:00 Uhr
A. Berger

Hallo Axel!

Ich gehe mal davon aus, dass Du mit einer "MarkerpositioN" eine "Modulposition" meinst. Um das zu bewerkstelligen, musst Du Dich einer weietren Erweiterung (eines Moduls) bedienen, das es erlaubt "freie" Inhalte an diesen Positionen anzuzeigen. Die Seite "FAQ&Troubleshooting" (Menü links)  listet 2 Erweiterungen, die es erlauben, meine Plugins auf diese Art und Weise einzusetzen.

Gruß
Andreas

Like this :D
122 Donnerstag, den 24. Juni 2010 um 03:28 Uhr
Dek Jaka

Great... Like this :D

Captions from files rather than code?
121 Donnerstag, den 24. Juni 2010 um 01:20 Uhr
Bill H

So far I see that we can set a default caption for all slides (no problem there) and we also can set captions for individual slides by creating a line of code for each slide for which there should be a caption.

It would be nice if we could pick up the caption from a more convenient source rather than writing many lines of code.  For example, is it possible to have the name of the image file be the caption?  That is, if the image file is named "Birds on a Wire.jpg", the caption would be "Birds on a Wire".  I'm wondering if something like this is possible now and I've just missed it.

Alternatively, is it possible to pick up captions from a text file?  I'm guessing that this is an enhancement request!  But perhaps a text file in the same directory as the images, with each line of the text file something like "image01.jpg|Bird on a Wire".  Yes, that line is similar to the code, but it seems considerably easier to manage a text file -- or have the person responsible for the images manage a text file -- than to insert code in an article.  (There would need to be a line of code in the article that establishes a link to the text file, something like {*besps_c}||text file name>|{besps_c*}.)

Or have I misunderstood how captions work -- I'm definitely a newbie at this.

Thanks for a great extension!


 


 

@Bill H
Donnerstag, den 24. Juni 2010 um 21:36 Uhr
A. Berger

Hi Bill!

At first, the image file name is used for Alt and Title if neither caption nor link is set for an image but it will never become the source of the captions because complicated file names (i.e. file names containing special characters, blanks, using Upper/Lower-case ans so on) are a real pain and cause a lot more trouble than they solve - especially when used on a web server.

About the text-file, yes, this may become an option in future versions although it will be a users choice not a developers choice. I personally don't see why it should make sense to use a ContentManagementSystem for a website and then start to look around for options to manage the content outside the content management system.
In addition, it could create problems if the author of the gallery has no rights to upload/manipulate the text file and it is not so easy any more if your site is multilanguage (you need different text files for every language within the image folder) and when using the same images with different captions in different galleries (again, multiple text files needed). All of these scenarios are not a problem to take care of from my side but starting with a certain grade of complexicity you will notice, that having the caption right in front of you in your article (both in the article manager and in JoomFish) has it's advantages.

Best regards
Andreas

slide show runs on only admin login
120 Samstag, den 19. Juni 2010 um 05:38 Uhr
amey

My slideshow runs only when i am logged in in my site as  "Administrator".

Otherwise it shows only first image .

@amey
Sonntag, den 20. Juni 2010 um 11:26 Uhr
A. Berger

Hi amey!

The plugin adds CSS and JavaScript to the Joomla! head data. Please check the source of your page when loggin and when not logged in. Maybe you are using an extension or a template that prevents JavaScript to get loaded for visitors (to speed up the page and to cause my plugin to fail ;)).

Best regards
Andreas

Deutsch
Panoramic Image Viewer
AddThis Social Bookmark Button
Wer ist online
Wir haben 32 Gäste online
Neueste Beiträge