In the following tutorial you will learn how to install and configure the Image slideshow into the showcase module position of our templates. The showcase image slideshow is an ideal solution to showcase client products and services.
Log into your Joomla admin and navigate to your Extension Manager (Extensions -> Install/UnInstall)
From your Extensions Manager click 'Browse' and select the slideshow module from your computer (mod_slideshow - packaged with your purchase).
Once you have selected your slideshow module click 'Upload File & Install' and navigate to your Module Manager to configure the module.
From the Module Manager click on the slideshow module (ImageSlideShow by default) to bring up its parameters.
Under the 'Details' section of the module parameters set them as follows.
Show Title: No
Enabled: Yes
Position: Showcase
Within the 'Menu Assignment' you can apply your slideshow to appear on only specific pages of your site. By default the slideshow module will be assigned to all pages. To change this select 'Select Menu Item(s) from the List' and simply select the menu items where you would like the module to appear. If you wish to choose multiple selections simply use CTRL + Click.
Under the 'Module Parameters' set them as follows.
Image Directory: ..images/stories/fruit *
Height in pixels: 500 (change to match your image size )
Width in pixels: 680 (depending on template - refer to ModulePositions.jpg for optimum width)
Transition Delay: 50 (change to taste)
Next Image Delay: 4000 (change to taste)
* this is where you would place your images on your server - you can use Joomla media manager to upload the images.
Log into your Joomla admin and navigate to your Extension Manager (Extensions -> Install/UnInstall)
From your Extensions Manager click 'Browse' and select the slideshow module from your computer (mod_slideshow - packaged with your purchase).
Once you have selected your slideshow module click 'Upload File & Install' and navigate to your Module Manager to configure the module.
From the Module Manager click on the slideshow module (ImageSlideShow by default) to bring up its parameters.
Under the 'Details' section of the module parameters set them as follows.
Show Title: No
Enabled: Yes
Position: Showcase
Within the 'Menu Assignment' you can apply your slideshow to appear on only specific pages of your site. By default the slideshow module will be assigned to all pages. To change this select 'Select Menu Item(s) from the List' and simply select the menu items where you would like the module to appear. If you wish to choose multiple selections simply use CTRL + Click.
Under the 'Module Parameters' set them as follows.
Image Directory: ..images/stories/fruit *
Height in pixels: 500 (change to match your image size )
Width in pixels: 680 (depending on template - refer to ModulePositions.jpg for optimum width)
Transition Delay: 50 (change to taste)
Next Image Delay: 4000 (change to taste)
* this is where you would place your images on your server - you can use Joomla media manager to upload the images.
At this point you can click Save and your finished.
Parameters breakdown..
Image Directory : Set this to the location on your website where the images that you want ImageSlideShow (ISS) to use are located. ISS will use all the images (BMP, GIF, JPG and PNG) that are located in the location specified.
Height in pixels : Sets a common height that ISS will attempt to display the images at.
Width in pixels : Sets a common width that ISS will atttempt to display the images at.
Transition Delay : Sets a delay, in miliseconds, between each phase of the transition between two consecutive images. A lower value will speed up transition but utilises more CPU cycles. A higher value will slow down transition but will use less CPU cycles
Next Image Delay : Sets the period of time, in miliseconds, that determines for how long the current image will be displayed and when the next image will start to transition in.
Slideshow title : Sets the “alt” tag on the image so that it displays the text when the cursor “hovers” over the image.
URL : Sets the URL to which the browser will navigate to if the image is clicked. Works in tandem with “Enable Link?”
Enable Link? : Has 3 options, “disable” which will not allow any action whn image is clicked. “Enable (same window)” => navigate to the URL within the same browser window. “Enable (new window)” => navigate to the URL by opening a new browser window.
Display Sequence: Determines the sequence ISS will display the images. “Disable” will display the images in the sequence that the images were read from the source directory. “Shuffle” will load the images and then place them in a pseudo-random order. Pattern will repeat once all images have been displayed. “Sorted” will load the images and then perform a “natural” sort by file name. Natural sort will sort files alphabetically as a human understand i.e. “img1.jpg” is followed by “img2.jpg” and so on.Pattern will repeat once all images are displayed. “Totally Random” is just that, random pattern of images being displayed.
Resize Images: If enabled will resize the images in the specifed directory to the size specifed. this does not modify the original images. ISS will create a resized copy of the image in a subdirectory of the directory containing the images. The sub-directory is called briaskThumbs, this directory must be created by you and the process running Joomla! must be given permission to write to that directory. How you do that very much depends on the server environment that you are running Joomla! under.