Fancy Transition Image SlideShow

Key Features

15+ Transition Effects
- Random, Fold, Fade, SliceDown, SliceUp, SlideIn, BoxRain effects and more
- Smooth animations with configurable speed settings
- Professional transitions that enhance visual appeal
- Customizable effect parameters (slices, box columns/rows)

Flexible Image Sources
- Folder-Based: Automatically load all images from a folder with one configuration
- Individual Selection: Manually select specific images with custom captions and links
- Support for JPG, JPEG, PNG, GIF formats
- Automatic image format detection and processing

Smart Image Processing
- Automatic image resizing for optimal display
- Configurable resize by height, width, or both
- Smart image caching system in images/fancy_slider/ directory
- Optional image cropping for perfect proportions
- Uses Joomla's native Image class for secure processing

Customizable Pagination
- Multiple pagination types: Numbered, Squared, Rounded, or None
- Configurable pagination alignment (left, center, right)
- Customizable pagination colors (background, active state, numbers)
- Professional navigation controls

Professional Caption Support
- Customizable caption bar with color options
- Font family selection (User Defined or Google Fonts)
- Configurable font size, weight, and opacity
- Perfect for adding context to your slides

Advanced Animation Settings
- Configurable slide transition speed (100-5000ms)
- Adjustable pause time between slides (500-30000ms)
- Pause on hover functionality
- Auto-advance or manual control options
- Random start slide option

Link Support
- Optional links on each slide
- Configurable link target (same window or new tab)
- Perfect for linking slides to pages or external URLs

Advanced Sorting Options
- Sort images alphabetically (A-Z)
- Sort images reverse alphabetically (Z-A)
- Random sorting for varied displays
- Sequential or random display modes

Quick Start

Module Usage:
1. Create a new "Fancy Transition SlideShow" module
2. Choose "From Folder" or "Individual Image Path"
3. Configure images and settings
4. Select transition effects and animation settings
5. Customize pagination and styling
6. Assign to module position and publish

Folder-Based Setup:
1. Set "Image path Selection" to "From Folder"
2. Enter folder path (e.g., images/slideshow/)
3. Configure resize options if needed
4. Set sorting preferences
5. Configure animation and pagination settings

Individual Image Setup:
1. Set "Image path Selection" to "Individual Image Path"
2. Click "Add" to add slides
3. For each slide: select image, add caption, add link (optional)
4. Configure caption display and styling
5. Set animation and pagination options

Perfect For

• Homepage Hero Sections - Create eye-catching hero slideshows on your homepage
• Product Showcases - Display products with smooth transitions and professional effects
• Event Galleries - Create slideshows for events, weddings, and celebrations
• Portfolio Websites - Showcase work with professional transition effects
• Blog Content - Add visual slideshows to highlight featured content
• E-commerce - Display product images in an engaging slideshow format
• Real Estate - Show property photos with smooth transitions
• Corporate Websites - Professional slideshows for company presentations

Configuration Options

General Settings
- Module width and height configuration
- Pagination type and alignment
- Pagination color customization
- Navigation button controls

Animation Settings
- 15+ transition effects selection
- Slices, box columns, and rows configuration
- Slide transition speed (100-5000ms)
- Pause time between slides (500-30000ms)
- Pause on hover, auto-advance, random start options

Slide Settings
- Folder-based or individual image selection
- Automatic image resizing (by height, width, or both)
- Image cropping options
- Sorting and display order options

Caption Settings (Individual images only)
- Caption bar visibility and colors
- Font family (User Defined or Google Fonts)
- Font size, weight, and opacity
- Professional typography options

Link Settings (Individual images only)
- Enable/disable links on slides
- Link target configuration (same window or new tab)

Advanced Settings
- Module class suffix for custom styling
- Extra CSS for advanced customization

Technical Features

Performance Optimized
- Image caching system for faster loads
- Efficient image processing with Joomla's Image class
- Optimized asset loading with WebAssetManager
- Smart cache management

Security Enhanced
- Comprehensive path traversal protection
- XSS prevention with proper HTML escaping
- Input sanitization and validation
- File type and readability validation
- Secure cache filename generation

Modern & Compatible
- Full Joomla 4, 5 & 6 compatibility
- Modern PHP 7.4+ code
- Uses WebAssetManager for optimal asset loading
- Future-proof design with regular updates

Responsive Design
- Works perfectly on desktop, tablet, and mobile
- Touch-friendly navigation
- Adaptive sizing options
- Mobile-optimized display

Support

• Documentation: https://www.joomlax.com/documentation/fancy-transition-slideshow
• Support: https://support.joomlax.com
• Store: https://www.joomlax.com

Why Choose Fancy Transition SlideShow?

Professional Effects - 15+ smooth transition effects for stunning displays
Flexible Options - Folder-based or individual image selection
Easy to Use - Intuitive module interface with comprehensive settings
Fast Performance - Image caching and optimized processing
Customizable - Extensive styling and animation options
Responsive - Works perfectly on all devices
Future-Proof - Joomla 4, 5 & 6 compatible
Secure - Comprehensive security features and validation
Well Documented - Comprehensive documentation and examples

Transform your website with professional image slideshows that enhance user experience and showcase your images beautifully.