Sliding Youtube Gallery
Introduction
Sliding Youtube Gallery is a powerful and flexible Joomla module that creates beautiful, responsive image galleries with YouTube video popup integration. Perfect for showcasing video content, portfolios, product galleries, and media collections, this module offers extensive customization options and professional styling to match your website's design. Fully compatible with Joomla 4, 5, and 6.
Key Features
Responsive Video Slider Gallery
Display YouTube videos in a slider that adapts to all screen sizes, offering a smooth user experience. The module supports horizontal, vertical, or static display modes, allowing you to choose the perfect orientation for your website's layout. Fully responsive design ensures perfect display on desktops, tablets, and mobile devices.
Customizable Slide Settings
Define the number of slides to display and set the number of slides to move at a time. Configure minimum and maximum slides visible, slide width and height, and create the perfect layout for your video gallery. Dynamic layout adjustments allow you to fine-tune the display to match your design requirements.
Continuous Video Sliding (Ticker Mode)
Enable continuous sliding for an uninterrupted, looping video experience. The ticker mode provides seamless slideshow functionality that keeps users engaged with smooth and continuous video transitions. Perfect for showcasing multiple videos in an eye-catching, dynamic format.
Control Options
Choose between navigation controls, pagination, both, or none to suit your website's design. Navigation controls appear on the left and right sides of the slider for easy access. Pagination dots provide visual indicators of slide position. Personalized navigation options give users more control over the video slider experience.
Image Styling and Effects
Display grayscale thumbnails by default, with the option to show full color on hover. This creates an elegant visual effect that draws attention to the active slide. Customize the border color of video thumbnails to match your site's design. Professional hover effects enhance user interaction and engagement.
Auto Slide Feature
Enable or disable automatic sliding of videos for a hands-free viewing experience. Control the pause time between slides and the transition speed for precise timing control. User preference settings allow you to decide if videos should slide automatically or require manual navigation.
Image Resizing and Optimization
Automatically resize images to optimize loading times and maintain consistent thumbnail sizes. Smart resizing uses Joomla's native Image class for efficient processing. Cached resized images ensure fast page loads and reduced bandwidth usage. Images are automatically processed and stored in a cache folder for optimal performance.
Fancybox Video Popup
Click on thumbnails to open videos in an elegant Fancybox popup overlay. Professional lightbox integration provides a seamless viewing experience. Customizable popup size allows you to set custom width and height for video popups to match your design requirements. Supports YouTube, Vimeo, and other video platforms.
Speed and Timing Control
Control the speed of slide transitions and pause time between slides. Precise timing adjustments allow you to create the perfect viewing experience for your audience. Fine-tune animation timing to match your content and user preferences.
Cross-Browser and Device Support
Works seamlessly across major browsers and is optimized for mobile devices with touch-based sliding. Universal accessibility ensures a consistent user experience regardless of device or browser. Mobile-optimized controls hide navigation on small screens for better usability.
Multiple Display Modes
Choose from three display modes:
- Horizontal: Traditional left-to-right sliding gallery
- Vertical: Top-to-bottom sliding gallery
- None: Static grid display without sliding effects
Each mode can be customized with specific settings for optimal display.
Random or Sequential Display
Control how images are displayed:
- Random: Images appear in random order on each page load
- Sequence: Images display in the order they were added
Perfect for creating variety or maintaining a specific order.
Advanced Customization
Additional options for power users:
- Module Class Suffix: Add custom CSS classes for specific targeting
- Extra CSS Field: Add custom CSS for advanced styling
- Full Control: Override any default styling with custom CSS
- Navigation Color: Customize the color of navigation controls
- Image Border Color: Set border colors for thumbnails
Modern Joomla Compatibility
Fully compatible with the latest Joomla versions:
- Joomla 4, 5 & 6 Support: Complete migration to modern Joomla platform
- Modern PHP 8.0+: Updated codebase with modern PHP syntax
- WebAssetManager: Uses Joomla's native asset management for optimal loading
- Future-Proof: Built with latest web standards for long-term reliability
Optimized Performance
Lightweight and fast implementation:
- Efficient JavaScript: Optimized slider initialization and event handling
- Smooth Animations: CSS transitions for fluid slide animations
- Image Caching: Automatic image resizing and caching for faster loads
- Asset Optimization: Proper use of WebAssetManager with defer attributes
- Lazy Loading: Images load lazily for improved page performance
Enhanced Security
Built with security best practices:
- Input Sanitization: All user input properly sanitized with htmlspecialchars()
- XSS Prevention: Comprehensive output escaping
- Access Control: Respects Joomla's access control system
- Safe URLs: Proper URL validation and escaping
Use Cases
- Video Galleries: Showcase YouTube videos in an elegant slider format
- Portfolio Displays: Display portfolio items with video previews
- Product Showcases: Show product videos in an interactive gallery
- Event Galleries: Display event photos and videos
- Media Collections: Organize and display media content
- Testimonial Videos: Showcase customer testimonial videos
- Tutorial Galleries: Display tutorial or how-to videos
- Promotional Content: Showcase promotional videos and content
- News Media: Display news videos and media content
- Educational Content: Organize educational videos and resources
Technical Details
Requirements
- Joomla Version: 4.x, 5.x, or 6.x
- PHP Version: 8.0 or higher
- Module Type: Site Module
- License: GNU/GPL v2 or later
- Update Server: Automatic updates supported via Joomla Update Manager
Installation
- Install the module through Joomla's Extension Manager
- Navigate to Modules → Sliding Youtube Gallery
- Configure General Settings (dimensions, effect, slides, controls)
- Add slides using the subform interface
- Set image settings (border color, display mode)
- Configure video popup settings
- Assign to a module position and publish
Customization Options
General Settings
- Slider height and slide width
- Effect mode (horizontal, vertical, none)
- Maximum and minimum slides visible
- Number of slides to move on transition
- Auto slide (enable/disable)
- Controls (none, navigation, pager, both)
- Greyscale images (enable/disable)
- Navigation color
- Slide speed and pause time
- Ticker mode (continuous sliding)
Image Settings
- Show images (random or sequence)
- Image border color
Video Settings
- Popup video width
- Popup video height
Slides Configuration
- Image selection (media field)
- Video link (YouTube, Vimeo, etc.)
- Image alt text
- Enable/disable individual slides
Advanced Settings
- Module class suffix for custom CSS
- Additional CSS for advanced styling
Why Choose Sliding Youtube Gallery Module?
- Professional Design: Beautiful slider with multiple display modes
- Easy to Use: Simple subform interface for content management
- Video Integration: Seamless YouTube and video platform integration
- Responsive: Perfect display on all devices and screen sizes
- Performance Optimized: Automatic image resizing and caching
- Modern Technology: Built with latest web standards and Joomla best practices
- Well Optimized: Lightweight code with efficient asset loading
- Regular Updates: Continuously updated for compatibility and security
- Flexible Controls: Multiple navigation and display options
- Multiple Instances: Deploy multiple galleries on a single page
Getting Started
- Install the module through Joomla's Extension Manager
- Navigate to Modules → Sliding Youtube Gallery
- Configure slider dimensions and effect mode
- Set slide display settings (min/max slides, move slides)
- Choose control options (navigation, pager, or both)
- Add slides using the subform interface
- Configure video popup dimensions
- Customize colors and styling
- Assign to a module position and publish
- Enjoy beautiful, responsive video galleries on your website!
Transform your video content display with Sliding Youtube Gallery. Perfect for any Joomla website that needs to showcase videos, images, or media content in an elegant, interactive slider format with professional styling and extensive customization options.
Support
For support, documentation, and updates, please visit:
- Support: https://support.joomlax.com
- Store: https://joomlax.com
- Documentation: https://joomlax.com/documentation/sliding-youtube-gallery
Sliding Youtube Gallery
- Version:
- 1.6
- Developer:
- Infyways Solutions
- Last updated:
-
Nov 25 2025
4 hours ago - Date added:
- Nov 19 2014
- License:
- GPLv2 or later
- Type:
- Paid download
- Includes:
- m
- Compatibility:
- J4 J5 J6
Share