| Simple Picture Slideshow Plugin Installation und Verwendung |
| Geschrieben von: Andreas Berger |
| Donnerstag, den 08. Januar 2009 um 17:34 Uhr |
|
Eine Schritt für Schritt Anleitung für Installation und Verwendung des bretteleben.de Simple Picture Slideshow Plugins. Installation1.) In die Administrationsoberfläche einloggen
2.) Den Menüpunkt "Erweiterungen" > "Installieren/Deinstallieren" auswählen 3.) Die Paketdatei mit dem bretteleben.de Simple Picture Slideshow Plugin auswählen
4.) Auf "Hochladen und Installieren" klicken
5.) Wenn alles geklappt hat, erhält man die Meldung "Plugin erfolgreich installiert"
6.) Den Menüpunkt "Erweiterungen" > "Plugins" auswählen
7.) Das "bretteleben.de Simple Picture Slideshow" suchen und anklicken
8.) Der erste Abschnitt betrifft die Darstellung der Slideshow auf der Seite.
9.) Als nächstes kommt die Höhe der Slideshow.
10.) Der nächste Parameter legt die Positionierung der Galerie relativ zum verfügbaren Platz fest. Zur Auswahl stehen Links, Zentriert, Rechts, float left und float right. Die beiden letzten Optionen ermöglichen es, die Galerie mit Text umfliessen zu lassen. Sie machen die Galerie gleichzeitig aber auch wesentlich abhängiger vom verwendeten Template und werden wohl nicht immer den gewünschten Effekt haben.
11.) Background Color: Die Hintergrundfarbe der Slideshow ist dann von Bedeutung, wenn verschieden große Bilder verwendet werden und verhindert, dass das nächste Bild unter dem aktuellen Bild zu sehen ist. Gesetzt wird der hexadezimale Farbwert ohne vorangestellte Raute (#), also z.B. ffffff für weiß.
12.) "Sort Order" regelt die Reihenfolge, in der die Bilder angezeigt werden. Zur Auswahl stehen die Optionen alphabetisch aufsteigen, alphabetisch absteigend, von alt zu neu und von neu zu alt (jeweils Änderungsdatum und nicht Erstellungsdatum!) und zufällig.
13.) Der nächste Abschnitt regelt die Animation.
14.) "Duration of Fading" ist die Dauer, die für den Übergang selbst vorgesehen ist, wieder in Sekunden. In den meisten Fällen wird hier 1 in Ordnung sein.
15.) Das Plugin verschiebt die Transparenz von 100% zu 0% (bzw. umgekehrt). "Fading steps" gibt die Schrittweite an. 5 bedeutet, dass die Transparenz in 5 Schritten um je 20% verringert wird. Bei 50 sind es 50 Schritte mit je 2%. Je höher der Wert, dest flüssiger - aber auch rechenintensiver das Überblenden. Ein zu hoher Wert führt bei großen Bildern dazu, dass die Zeitvorgabe überschritten wird. Einfach ausprobieren.
16.) Der nächste Parameter legt fest, ob die Slideshow mit dem Laden der Seite automatisch starten soll.
17.) Der nächste Abschnitt betrifft die optionalen Links/buttons zur Steuerung der Slideshow.
18.) Der zweite Parameter regelt, welche Elemente angezeigt werden, ob sie links oder rechts angeordnet sind und in welcher Reihenfolge.
1 ... der Counter 19.) Die nächsten 4 Parameter legen fest, was für die Links angezeigt werden soll.
20.) Aktiviert man die Option "Show Captions", dann hat man die Möglichkeit, im Beitrag die Bilder einer Slideshow mit Titel und Text zu versehen.
21.) "Position of Captions" legt fest, ob Titel und Text halbtransparent über das Bild eingeblendet oder unter dem Bild angezeigt werden sollen.
22.) Mit der Aktivierung von "Use links?" hat man zusätzlich die Möglichkeit, die Bilder der Slideshow zu verlinken. Link, Titel und Ziel (Attribut target) werden im Artikel angegeben.
23.) Preload
Beispiele: Das Feature ist experimentell, das Script überprüft vor dem Aufruf eines Bildes derzeit noch nicht, ob es ein tatsächliches Bild oder ein Platzhalterbild aufruft. Wer den Parameter verwendet, sollte das Ergebnis ausgiebig testen. Rückmeldungen sind hochwillkommen! 24.) Der Parameter "Foldername as ID" bietet die Möglichkeit, den einzelnen Slideshows den Namen des Ordners, aus dem die Bilder stammen als Identity des umschließenden DIV-Containers zuzuweisen (id="ordnername").
25.) Das Plugin aktivieren
26.) Auf Speichern klicken - und fertig
Verwendung
2.) Hier in den Ordner "Media" > "stories" wechseln
3.) Einen neuen Unterordner für die Bilder anlegen. Im Beispiel wähle ich dafür den Namen "simpleslideshow"
4.) In den neu angelegten Ordner wechseln.
5.) Und hier die Bilder hochladen. Das Plugin akzeptiert die Dateitypen ".jpg", ".gif" und ".png".
6.) Optional: Sollen unterhalb der Slideshow eigene grafische Buttons angezeigt werden, dann müssen wir uns auch um diese kümmern. Dazu wechseln wir nochmals in den Ordner "stories".
Und erstellen hier den Ordner besps_buttons. In diesem Ordner sucht das Plugins nach den Bildern, die wir unter Punkt 19 (Installation) angegeben haben.
Also laden wir sie hier auch hoch. 7.) Jetzt im Menüpunkt "Inhalt" > "Beiträge" den gewünschten Beitrag öffnen.
8.) An der gewünschten Stelle den Code zum Aufruf des Plugins eingeben.
9.) Speichern - Fertig!
Übersicht über die Möglichkeiten des Aufrufs direkt aus dem Artikel: Anleitung Plugin Code 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. |
| Zuletzt aktualisiert am Montag, den 12. April 2010 um 21:28 Uhr |






































Wie kann ich ein Bild der Slideshow mit Titel und Text versehen?
Hallo E. Steuck!
Mit dem Feature "Captions", beschrieben auf der Seite "Anleitung Plugin Code" (Menü links).
Gruß
Andreas Berger
Your ss works great, I have tried others but yours was the easiest to install and modify.
Thanks.
rpmcomp.com
First of all, great job, such a good and simple slideshow! I've been looking around a lot, and this is the best one I've found!
I got it to work right away, but my question is:
Is it possible to display the slideshow in a modul position, instead of in the main component so it doesn't have to be in an article?
(I've tried to put the path into a "Custum HTML" modul, but it didn't work.)
I would like to put it next to a vertical menu, on the top of the webpage, and then with my articles under the slideshow.
(I know I could put the main component next to the vertical menu, insert the path to the slideshow and then write the article under it, but it creates some problems for other pages.)
I'm looking very much forward to your answer! Thanks again for a great slideshow!
Martin
Hi Martin!
The page "FAQ&Troubleshooting" (menu at the left) lists 2 extensions that allow the plugin to be used this way.
Best regards
Andreas
I'd like to use this simple picture slideshow inside virtuemart product description, but it seems to be failed, how can this be done? thank you in advance.
Hi Jack!
The plugin is developed with the component com_content (the component that shows the main content of a page in Joomla!) in mind and I confess, I haven't tested my plugins with Virtuemart up till now. If it does not work at all within the content of Virtuemart, the most likely reason is, that this component does not fire the events, that execute the plugin. If it does work but e.g. the layout and/or script is not present, the most likely reason is, that the component (Virtuemart) does not allow the plugin to add information to the Joomla Head-Data (as the component com_content does).
Anyway, you could either check the support forums of Virtuemart if this problem (using content-plugins) has already been discussed or have a look at the extension specific extensions at extensions.joomla.org, that also list extensions explicitly developed to be used with Virtuemart.
Best regards
Andreas
Hi,
für das wirklich gelungene Slideshow-Tool möchte ich meine Anerkennung aussprechen.
Vielen Dank
Rudolf Aigner
Dear Andreas, thank you for this fantastic slideshow. I have tried lot of them, but only yours works as it should - STABLE and reliable. I really enjoy working with parameter overides.
I have one question though: on all of my slideshow it happens that when first time started, on the first image, first letter jumps at the row above the others. Please take a look at http://84.243.208.241/~kozomara/index.php?option=com_content&view=article&id=94&Itemid=79 to see what I mean.
So, is there a way to fix that?
Thank you very much
Ognjenko
Hi Ognjenko!
As said, please check the purpose of the script and if there are possibilities to modify it. Does it belong to the template? If so, is there a possibility to take influence from the backend? Is it part of an extension? If yes, what extension? What does this extension do? What parameters does the configuration panel of this extension offer? Is it possible that one of these parameters has influence on your problem? Have you tried them? Have you asked the developer of the template/extension if the problem or a similar one already occured? If so, is there a way around? If no, what could be a way around? Is there a support forum which could contain the answers you are looking for.
Please don't get me wrong, but work down the given possibilities before trying to patch a template/extension and go one with a landmine that will blow up with the next update.
Best regards
Andreas
Obviously it is some joomlart script with lot of stuff inside. I am no expert of javascript, but if yuo can pinpoint the exact function that makes troubles that would do?
Thank you very much
Hi Ognjenko!
I cannot tell you how to fix this, but I can tell you what causes it: It is the JavaScript "ja.js" you are using (check the head of the page). Maybe you want to check what purpose this script has and if there are possibilities to modify/configure it to prevent this from happening.
Best regards
Andreas
Your program is easy to install, easy to adapt, full of possibilities, and VERY SMART. It's a pleasure to use it.
Thanks.
Franco
Lieber Andreas
Vorweg vielen Dank für die tolle Extension!
Um die Simple Picture Slideshow im Header meiner Website platzieren zu können, musste ich zunächst das Modul "Plugin Modul" einrichten. Das Tandem funktioniert einwandfrei.
Nun möchte ich aber die Bilder im Header für jede Seite individuell einrichten und dabei jedes Mal die Bilderreihenfolge wie auch die Einblenddauer der Bilder bestimmen können. In der Anleitung unter Punkt 24 habe ich verstanden, dass ich den Ordnername als ID definieren kann, mir ist aber noch nicht klar, wo ich dann die Bilderfolge und Einblenddauer im Header für meine (z.B.) zweite Webseite bestimmen kann, die sich ja vom Header in der ersten Webseite unterscheiden soll?
Herzlichen Dank für Deine Hilfe!
Ben
Hallo Ben!
Schön zu hören, dass jetzt alles klappt und Danke für Deine großzügige Spende! Wenn Du etwas brauchst - jederzeit.
Gruß
Andreas
Lieber Andreas
Okay, nun habe ich alles hingekriegt und bin noch mehr begeistert als zuvor. Tolle Extension! Herzlichen Dank! Wenn ich es auch nicht für mich persönlich brauchen kann (noch nicht) ist es mir eine Spende wert!
Beste Grüsse
Benza
Hallo Ben!
Sorry für die späte Antwort! Zu Deiner Frage: Der Aufruf der Sldieshow ist IMMER {*besps}{/besps} (ohne Stern) und eben nicht {banners2}{/banners2} (oder wie auch immer). Nur der erste Aufruf wird vom Plugin erkannt und bearbeitet.
Gruß
Andreas
Hallo Andreas
Ich denke schon, dass ich Dich richtig verstanden. Das Modul heisst "Plugin Module" (der Name kann verwirren) und nur dieses habe ich dupliziert und nicht Dein Plugin. Wenn ich es richtig in Erinnerung habe, dann hast Du jemandem dieses Modul empfohlen, um Dein Plugin an einer Modulposition erscheinen zu lassen. Daher ging ich davon aus, dass Du mir bei meinem Problem, das ich in der letzten Anfrage genau geschildert habe helfen kannst. Kannst Du da bitte nochmals hineinlesen unter Berücksichtigung, dass ich das Modul und nicht das Plugin dupliziert habe.
Vielen Dank!
Ben
Hallo Ben!
Da haben wir uns missverstanden. Das Plugin wird NICHT dupliziert, nur von dem Modul, das Du verwendest um das Plugin an einer Moduloposition anzuzeigen, von dem erstellst Du verschiedene Instanzen. Bei Modulen geht das ganz einfach, indem Du das Modul im Modulmanager aktivierst (ganz links Haken setzen) und dann in der Menüleiste oben auf "Kopieren" klickst.
In dieser Kopie wählst Du dann die gewünschte Seite aus und verwendest Parameter Ovberrides um die Einstellungen des Plugins gegenüber den Standardeinstellungen im Backend des Plugins wie gewünscht abzuändern. Wie gesagt: Das Plugin wird dafür NICHT kopiert, Du überschreibst nur im Code die Einstellungen im Backend für diese eine Slideshow.
Gruß
Andreas
Nochmals, danke für Deine Antwort!
Habe alle Instruktionen befolgt, erhalte aber statt der Bilder folgende Zeile im Modulbereich: {banners2}banners2|sdur=20|sort=0{/banners2}
Um meine Schritte nachvollziehen zu können:
1. Habe auf der gleichen Ebene neben dem banners-Ordner einen weiteren eingerichtet mit dem Namen banners2 und die gewünschten Bilder hineingelegt.
2. Habe dann das Plugin Module dupliziert, ihm einen neun Namen gegeben, die Menü-Punkte selektiert und in den folgenden zwei Feldern folgende Einträge gemacht:
- Plugin to execute: banners2
- Command to insert: banners2|sdur=20|sort=0
=> Ich hatte auch als Variante die "Additional Parameters" aktiviert und da wie vorgegeben folgende Parameter-Form eingegeben: sdur=[20] sort=[0] aber auch dieser Versuch hat keine Bilder erscheinen lassen.
Hast Du eine Ahnung, wie ich das Problem lösen kann?
Dank im Voraus
Gruss Ben
Hallo Ben!
Schau Dir auf der nächsten Seite (Anleitung Plugin Code) das Feature "Parameter Overrides" an. Das Modul, das Du verwendest kannst Du ja beliebig oft kopieren und für einzelne Seiten einsetzen und das Feature "Parameter Overrides" bietet Dir die Möglichkeit, durch die Parameter in Aufruf des Plugins jede einzelne Slideshow unabhängig von den im Backend des Plugins getroffenen Einstellungen zu konfigureiren.
Gruß
Andreas
I created the slide show along with captions. The slides show correctly but only the caption to the first slide shows and none of the others. Can I control the sequence of the slides without renaming the images. I tried to do it in the coding but the image file seems to be the override.
Here is the html coding for the page:
A guided tour of the Cultural Center
{*besps}tour{/besps}
{*besps_c}0|bld1.jpg||Approaching the facility at 540 NE Hwy 101 in Lincoln City{/besps_c}
{*besps_c}0|bld3.jpg||Par
[...]
logo.{/besps_c}
Hi John!
The code for your captions (I shortened it and added the asterisks to prevent it from getting executed here) looks fine. Please check the image file names if they correspond to the ones in your code. If they do. please provide a link to the page, I will have a look at it.
About the sort order, the plugin offers different options from the backend or by parameter override (refer to tutorial).
Best regards
Andreas
I have a big suggestion:
it is not very handy to hardcode the imagepath!
e.g. i defined another media-path and another image-path the preconfigured by joomla. and now, to use your extension i have to change the media-path. that is not very useful and a big minus for your extension! i would prefer that you change this in the next version.
now i changed the sourcecode to use another path, but this is not practicable for me and especially not for users how dont now php.
greez
christopher
Hi Christopher!
... as you command :)
The feature is already integrated in the Very Simple Image Gallery and will become part of all of my plugins.
As for now: There is no need to change the default media path because in line 33 of /plugins/content/besps.php you can already set the path for the image root folder.
Best regards
Andreas