Simple Picture Slideshow Plugin Installation and Usage |
Written by Andreas Berger |
Thursday, 08 January 2009 17:34 |
A step for step tutorial on how to install and use the bretteleben.de Simple Picture Slideshow Plugin. Installation1.) Log into your administration interface 2.) Go to "Extensions" > "Install/Uninstall" 3.) Select the Package File with the bretteleben.de Simple Picture Slideshow Plugin 4.) Click "Upload file & Install" 5.) If everything worked fine, you get the message "Install Plugin Success" 6.) Select "Extensions" > "Plugin Manager" 7.) Find the "bretteleben.de Simple Picture Slideshow" and click it 8.) The first section of parameters controls the layout of the slideshow. 9.) The next parameter is the height of your slideshow in pixel.
10.) The next parameter sets the position of the gallery within the available space. You may choose between left - centered - right, float left and float right. The last two options allow the gallery to get wrapped by your text. They also increase the dependence from the used template and will not always show the desired results! 11.) Background Color: The background color of your slideshow is of importance if you use pictures of different size or pictures with proportions different from the settings above. It prevents the next Pictures to be visible below the current one. Set the hexadecimal color-value without the leading pound key (#), e.g. ffffff for white. 12.) "Sort Order" sets the order the images are shown. You may choose between alphabetic ascending, alphabetic descending, old to new and new to old (both use "last changed" not "created"!) and random. 13.) Next sections sets the values for the animation. 14.) "Duration of Fading" is the time you set for the fading itself, again in seconds. In most cases 1 will do fine. 15.) The plugin moves transparency from 100% to 0% (or vice versa). "Fading steps" sets the stepwidth used. A value of 5 means, that the transparency is changed in 5 steps, each of 20%. 50 sets 50 steps, each of 2%. The higher this value the more smooth the fading but also the more computationally intensive. Setting a to high value when using large images may cause the set times to be excessed. Just try out. 16.) The next parameter sets if your slideshow starts automatically on pageload.
17.) The next section is about the optional control elements. 18.) The second parameter sets which elements to show, if they get shown left or right and in what sort order.
19.) The next 4 parameters set what you want to use for the links.
20.) If you activate "Show captions?", you have the possibility to add Title and Text to your images.
21.) "Position of Captions" sets if the captions (and text) are shown crossfading over the lower part of the image or below the image. 22.) "Use links?" allows - if activated - to set links for the images. 23.) Image root configures the path to the folder you are uploading (directly or stored in subfolders) your images. By default this parameter is set to /images/stories/ (and this folder is also used when the parameter is empty). In most cases this setting will fit your needs and there is no reason to change it. Only if you have organized your images in a folder structure outside of /images/stories/, put the path here. 24.) Buttonfolder 25.) Stylesheet 26.) JavaScript
27.) Preload
Samples: The feature is rather experimental at the moment, the JavaScript does not check if it is showing the real image or the dummy. If you use it, please do extended testing on it. Records about your experiences are most welcome! 28.) The parameter "Foldername as ID" gives you the possibility to set the name of the folder, from which the images are taken, as identity of the surrounding div-container of the slideshow. (id="foldername").
29.) Activate the plugin 30.) Click "Save" - done
Usage
2.) Navigate to the folder "Media" > "stories" 3.) Create a new subfolder for your images. In this sample I choose the name "simpleslideshow" 4.) Navigate to the new folder. 5.) ... and upload your images to it. The plugin accepts images of type ".jpg", ".gif" and ".png". 6.) optional: If you want to display custom image-buttons for your control-elements, we have to take care of these images too. So, again navigate to the folder "Media" > "stories".
And create a folder called besps_buttons. This is the place the plugin looks for the images you set in point 19 (Installation). And therefore we upload them here. 7.) Next, go to "Article Manager" and open the article you want to display the gallery. 8.) At the place you want the slideshow to be shown insert the code to call it. The code consists of the call {*besps}{/besps*} (without the asterisks) and contains the name of the folder with your images. The path to this folder "/images/stories" is added by the plugin automatically and must not be inserted. The complete call in our sample would look such as: To use a folder within a folder, the path below "/images/stories/" is used, e. g. to use the folder /images/stories/folder/subfolder" the call would look such as: 9.) Save - done! A survey of the possibilities to call, extend and modify galleries with the code in the content item: Howto Plugin Code
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). If you use this extensions, please post a rating and a review at extensions.joomla.org. |
Last Updated on Wednesday, 12 January 2011 15:06 |
Hallo,
vielen Dank für die ausführliche Anleitung. Endlich mal jemand, der eine Anleitung mitliefert.
Aber leider kriege ich es dennnoch nicht hin. Ich weiß nicht, was ich falsch mache!
Hier ist ein Link zu der Seite, wo ich versuche, die Anwendung anzuwenden!
www.gerauer-kreativbox.de/index.php/glanzinderhuette.html
Vielen Dank für die Hilfe,
Michi
Hallo Michi!
Ist das Plugin aktiviert?
Gruß
Andreas
Hello,
I am new to Joomla and have installed the slideshow and it works perfect and very easy to configure! Now I'm trying to put the slideshow in the header using the “Plugin in module” module that you suggest.
My question is, in this module I have to put "Adittional parameters", giving as an example:
if the plugin sting is of the type: {yootooltip title = [Tooltip Link] width = [250] mode = [cursor]} Tooltip Content {/ yootooltip} then:
1. Select in "type of plugin" the option {plugin} CODE {/ plugin};
2. Write in "Plugin to execute": yootooltip;
3. Write in "Additional Parameter": title = [Tooltip Link] width = [250] mode = [cursor], (or leave it blank in other case)
4. Write in "Command to insert": Tooltip Content;
5. Select custom dimensions if you want;
6 to 7. Set The size of the module (without "px").
Which parameters should be put for Simple Picture Slideshow?
Thank you!
Hi Ayla!
You don't need to use additional parameters. Replace "plugin" with "besps" and "Command to insert" with your folder and you're done.
Best regards
Andreas
Hello
I like the way they termed it that truly reflects it real simplicity, I enjoyed working with it but now How Do I make it the header slider on the FrontPage slider,
Thank you
Hi Geoffrey!
If you want to integrate a slideshow in your template directly, you could use the JavaScript Slideshow (find it in the section "JavaScript" in the menu at the left).
If there is a module position, you want to display the "Simple Picture Slideshow", please pay attention to the fact, that not every custom content module allows to use content plugins. You could give "Article Module" from Digihaven or a similar extension a try.
If there is no module position that fits your needs, you can add an additional module position yourself. Just run a search for "joomla! custom module position" at your favorite search engine, there's a lot of articles on this topic.
Best regards
Andreas
Hi,
How to change slide delay?
Hi XB!
Use the parameter "Time to show (sec.)".
Best regards
Andreas
Hello, I have no stories folder in my media folder (2.) Navigate to the folder "Media" > "stories") please help.
Thanks
Lloyd
Hi Lloyd!
The default image root was /images/stories/ in Joomla!1.5 and is /images/ in Joomla!1.6/1.7/2.5. The plugin comes with this default image folder set as the default value for the parameter "Image root".
Therefore, if you are using Joomla!2.5, just create your folder for the slideshow directly in the main media folder (which is the folder /images/ in your Joomla! root directory).
Best regards
Andreas
Hola amigos
Este tutorial es excelente, me han ayudado en presentar mis imagennes en mi pagina web, gracias amigos por la ayuda, espero que sigan adelante con mas ayuda
muchas gracias
how it use in logo header part
{*besps}simpleslideshow{/besps*} :not work in that part, in article its ok.
Hi sanal!
If you want to integrate a slideshow in your template directly, you could use the JavaScript Slideshow (find it in the section "JavaScript" in the menu at the left).
If there is a module position, you want to display the slideshow, please pay attention to the fact, that not every custom module allows to use content plugins. You could give "Article Module" from Digihaven or a similar extension a try.
Best regards
Andreas
Thank you.
Just like everyone said, simple to install and very simple to use.
Wow, I wish all the plugins were this simple to install and use. I am very new to Joomla and this seriously took about 2 minutes to get the slideshow onto my website!
Perfect Slideshow !!!!! I'm very happy whit it.
The only thing is, that I don't know how/where to "deactivate" so that the filename of the pictures does not appear by see e.g. mouse over.
Where can I set the mouse behavior.
many thanks for a quick hint.
kind regards
Silvano
Lieber Andreas... sehe erst jetzt dass Du geantwortet hast.
Will Dir dafür sehr danken !!!
freundliche Grüsse
Silvano
Hi Silvano!
Up till now there is no backend setting to achieve this, but you can add an empty default caption. This solves the problem.
{*besps}folder{/besps*}
{*besps_c}0|||{/besps_c*} ... without the asterisks
Best regards
Andreas