Joomla Installation

Notice: Don't forget to unzip the downloaded file. In this you will find three versions of Pop Image Slider, one for Joomla 1.5, a second for Joomla 1.6, 1.7, 2.5 and a third for Joomla 3.0.

1. Download Pop Image Slider.
2. In the Joomla control panel select: "Extensions" > "Install/Uninstall" for Joomla 1.5 or "Extensions" > "Extension Manager" for Joomla 1.6, 1.7, 2.5 & 3.0.
3. In the Upload Package File section click Browse and locate the PopImageSlider module.
4. Then click Upload File & Install to upload the file and complete the installation.

Configuration

In order to configure Pop Image Slider go to the Joomla control panel and select: Extensions > Module Manager. Locate Pop Image Slider in the list and click it. You can see the Parameters of the module as below:

Parameters

Pop Image Slider has the following parameters:

• Module Class Suffix: A suffix to be applied to the CSS class of the module. This allows for individual module styling.
• Module Width (px or %): The width in pixels or percent of the module. Examples: 100%, 55%, 900px, 355px etc. The percent width will work correctly depending from the css style of the parent container.
• Module Background Color: The background color of the module (e.g. '#343434'). Leave empty for transparent background.
• Module Rounded Corners (px): The size in pixels of the rounded corners for the module background. Set it to zero (0) for square corners.
• Images: The images to be displayed. Use the XML format as shown below. The images can be jpg, gif or png. It will be easier to edit the xml document in an external editor and then copy paste it here.
• Images Height (px): The height in pixels of each image (when cursor is not over).
• Images Magnification (%): The percentage of the image magnification when cursor is over. A value between 15 and 40 is the most appropriate.
• Images Random Order: Order the images randomly.
• Images Space (px): The space in pixels between the images.
• Images Shadow (px): The shadow in pixels behind images.
• Images Rounded Corners (px): The size in pixels of the rounded corners of the images. Set it to zero (0) for square corners. CAUTION: Rounded corners and border together are not supported by all broswers.
• Images Border Width (px): The size in pixels of the images border. Set it to zero (0) for no border. CAUTION: Rounded corners and border together are not supported by all broswers.
• Images Border Color: The color of the images border. Example: #FFFFFF.
• Grayscaled Images: Images are in grayscale in small size (when cursor is not over them). The images become colored when cursor is over them. CAUTION: In order this feature to work, the images must be in the same domain with the website. Also use absolute paths to the images e.g. 'http://www.domain.com/images/stories/image.jpg'.
• Show Titles: Show a title below every image.
• Titles Font Size (px): The font size of the tiles below the images.
• Titles Font Color: The font color of the tiles below the images. Example: #000000.
• Titles Bold Fonts: Enables or not bold fonts in the titles below the images.
• Show Description: Show title and description when mouse is over an image in a special place below all images.
• Description Font Size (px): The font size of the infobar text.
• Description Font Color: The font color of the infobar text. Example: #FFFFFF.
• Show Tooltips: Show styled tooltip when cursor is over an image.
• Tooltips Style: The style of the tooltip.
• Tooltips Font Size (px): The font size in pixels of the text in the tooltips.
• Tooltips Without CSS (Only in Joomla 3.0): Enable this option if your template has defined CSS for tooltips.
• Auto Slide: Images slide automatically left and right when cursor is not above them.
• Auto Slide Speed: The speed of the images when they slide automatically.
• Auto Slide Start Delay: The time in seconds to wait after the webpage is loaded and before the auto slide start.
• Show Buttons: Show buttons to slide the images left or right.
• Buttons Style: The buttons style.
• Show Separators: Show separators at the left and right edges of the module where the images appear or disappear.
• Separators Style: The style of the separators.
• Separators Color: The color of the separators.
• Link Action: The way images links open on click.
• Mediabox Style: The style of the mediabox.
• Slide Speed: The images sliding speed. Slowest='1', Fastest='99'.
• Initial Position: The position of the slider starting to show images.
• Article Content Only: Show only the article content without the menus, modules etc.

Change Log

• 2.0.2:
  • Bug fix for IE8.
• 2.0.1:
  • Valid as XHTML 1.0 Transitional.
• 2.0.0:
  • The code is written from the start.
  • Responsive design.
  • Multiple instances per page.
  • Images can have different width.
  • New lightbox version (mediaboxAdvanced) with many themes.
  • Better design.
    • a. New position of the buttons.
    • b. Seperators at the left and right of the images.
  • Styled tooltips.
  • Improved administration panel.
  • Support for only Joomla article content in the lightbox.
• 1.1.7:
  • Auto slide is deactivated when mouse is over the buttons for manual sliding.
• 1.1.6:
  • Fix: Flash video (flv) and mp3 are working with SEF urls.
• 1.1.5:
  • New HTML5 effect. Images are in grayscale in small size (when cursor is not over them). The images become colored when cursor is over them.
• 1.1.4:
  • Automatic slide support.
• 1.1.3:
  • Great improvement in the motion of the images.
  • Text (title and description) added beside the images.
  • More module parameters to customize the appearance.
  • Image styling capabilities support: border, shadow, rounded corners, gap between images.
  • Buttons support as alternative way to slide the images.
  • Absolute (in pixels) or relative (percent) width support of the module.
• 1.1.2:
  • Improvement in movement and effects of images.
  • Shuffle images support.
  • Easier administration. Easier module parameters.
  • Links open in the same window, new window or using the lightbox effect.
• 1.1.1:
  • Improvement in movement and effects of images.
• 1.1.0:
  • The Mootools technology is used for the image effects instead of the Flash technology.
• 1.0.0:
  • First release of the Pop Image Slider module.

Instructions

For your convenience the module is already parameterized to work with sample images.