-
JA SlideShow 2 Module Installation Guide
[position:top]Step 1: Installation
You follow simple steps below:1/ Install the module via Joomla Installer
2/ Assign module to the position: {top}
3/ Enable the moduleThen, the module is instantly available in your front-end. If you are new to this stuff, follow detailed guideline below:
—-How to install Joomla module
Step 2: ConfigurationFrom the back-end of your Joomla site (administration) select Extensions->Module Manger, then click on module title JA Slideshow2 to enter configuration panel:
Here is the setting of JA SlideShow 2 Module on demo page:
(General configuration)
(Define which pages JA Slideshow 2 Module is displayed)Display Content Items from Articles: With keyword:
Parameters Explanation:
- Module Class Suffix: JA Slideshows has default suffix ‘_blank’
- Source: Select source From Articles or From Image Folder option.
- Display Articles: Display article with “Keyword” parameter declared inside the Metadata Information of article. Or, display articles from one or many categories.
- Keyword: The module match this keyword to get the list articles from the database.
- Categories Selection: The module just display articles from one or many categories.
Go to Article Manager, Select Category “SlideShow” and go to an article (view in HTML source editor):
Note: JA Thumbnail Plugin allows to generate Thumbnail inside Joomla Article(s) automatically:
Quote:
{jathumbnail}<img src=”path of image, you should put in the same website project“ border=”0″ alt=”Sample Image” title=”Sample Image” />
For example in JA Rasite:
Quote:
{jathumbnail}<img src=”images/stories/demo/slideshow/sl-03.jpg” border=”0″ alt=”Sample Image” title=”Sample Image” />- Articles Sorted By: Select articles sorted by your conditions.
- Ascending Or Descending: After the above order is meet, the article will also be sorted by this condition. Eg. If you choose sort by “Date” above and set this to “DESC” then the newest article will display first.
- Max Articles Display: The maximum number of items you want to display on the front-page.
- Image Folder: Path to images folder.
From Categories: The module just display articles from one or many categories.
Display Content Items from Image Folder:In order to display Content items from Image Folder, you choose From Image Folder option in Source parameter:
Parameters Explanation:- Sort Type: The sort type Name/Time.
- Sort Order: The sort order of the images: Random/Ascending/Descending
- Image Folder: defines the path of Folder that contains images of Articles.
- Description for each Item: You have to write description content using HTML code: Description for each item
Then you can see how it works like demo of JA Quazt
Animation Settings
Parameters Explanation:
- Auto Play: If YES, the slideshow will switch automatically based on time interval.
- Main Item Width: define width of JA Slideshows Module in pixel.
- Main Item Height: define height of JA Slideshows Module in pixel.
- Animation Type: Animation effect you want to display. Fading/Moving option.
- Mark Style: Only apply for Animation type Moving.
- Animation Duration: duration time in millisecond.
- Animation Transition: select option in the list.
- Interval: Time for next play/run in millisecond.
- Animation Repeat: If YES, animation will repeat.
- Show Description: Show/Hide description in the radio button.
If select Description with Readmore, the front-end will display like this:
If select Description Only, the front-end will display like this:
- Read more Text: Text to display in Readmore button.
- Readmore Text: Text to display in Readmore button.
- Title Max Length: Maximum characters in Articles’title. If the title is longer than this settings, the trimmed characters will be replacedd by “…”
- Description Max Length: Maximum characters in Articles’title. If the title is longer than this settings, the trimmed characters will be replacedd by “…”
Mark Settings:
Parameters Explanation:
- Mark Style: Only apply for Animation type Moving
Note: If you choose Full Size, you should set Mark Width and Mark Height = auto. You can see how it works in front-page of JA Quarzt
- Mark Alignment: Choose one position to display the Mark
- Mark Width: define the width of mark in numeric, you can set equal “auto” then the mark will be width fully
- Mark Height: define the height of mark in numeric, you can set equal “auto” then the mark will be width fully
- Mark Transaction Style: choose two options: Opacity and Sliding.
- Mark Transition: defines transition type of mark.
Navigation Settings
Parameters Explanation:
- Navigation Show: Whether to display the navigation.
If you select Navigation = No, the front-end will display like this:
If you select Navigation = Number, the front-end will display like this:
- Item width: Defines the width (in numeric) of the item in the list.
- Item height: Defines the height (in numeric) of the item in the list.
- Navigation Alignment: Choose one position to display the navigation.
If select Vertical left, the front-end will display like this:
- Number of Displayed items: defines number of displayed items (If navigation is Thumbnails)
- Show Thumbnail: Whether to display the thumbnail in each item.
- Thumbnail Width: Thumbnail width (If navigation was chosen the Content Thumbnails option)
- Thumbnail Height: Thumbnail height(If navigation was chosen the Contant Thumbnails option)
- Thumbnail Spacing: will formatted as vSpace:hSpace in pixel.
- Thumbnail Opacity: define the opacity for Thumbnail in numeric.
- Show Date: defines the Date Creation.
- Show Description: Whether to display the articles’ description.
- Description max length: Limit the length of the description displaying.
- Control buttons: Yes/No option to show control button.
- Next/ Prev Images opacity: Opacity for the displayed part of next/previous images.
Advanced Parameters configuration:
Parameters Explanation:
- Caching: Use Cache/ Don’t Cache option.
- Cache Time: in millisecond.
- Click link, open id: Click link, open id only apply to the Source is equal “From Articles”
- Thumbnail Mode: If you like use image thumbnail which render from the image source, then you choose “crop” or “resize”
- Resize With The Ratio: If you choose “YES“, the module will render a thumbnail with the ratio about dimension of the image source.
This topic contains 29 replies, has 17 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum