JO Ayat Gallery is a powerful yet lightweight image gallery plugin for Joomla that transforms any folder of images into a beautiful, responsive gallery with synchronized thumbnails.
Built with the industry-standard Swiper.js library, this gallery delivers smooth, touch-friendly navigation that works flawlessly on desktops, tablets, and smartphones.
Key Features:
Gallery Display
- â Responsive main image slider with synchronized thumbnails
- â 4 transition effects: Slide, Fade, Cube, Flip
- â Touch and swipe support on mobile devices
- â Lazy loading for optimal performance
Thumbnail Options
- â Automatic thumbnail generation
- â Customizable thumbnail dimensions
- â Adjustable thumbnail quality
- â Configurable gap between thumbnails
- â Active thumbnail highlighting with custom border color and width
- â Opacity control for active and inactive thumbnails
Navigation
- â Previous/next navigation arrows
- â Customizable arrow colors and background
- â Adjustable background opacity for arrows
- â Hover color customization
- â Optional pagination dots
Image Settings
- â Customizable main image dimensions
- â Image fit: Cover or Contain
- â Border radius, width, and color control
- â Background color for image container
Gallery Controls
- â Autoplay with customizable delay
- â Loop mode for continuous slideshow
- â Optional gallery title display
- â Optional image captions (auto-generated from filenames)
- â Optional pagination counter
Shortcode System
- â
Simple
{joayat}folder{/joayat}syntax - â
Dynamic parameter overrides:
{joayat width height thumbwidth thumbheight}folder{/joayat} - â Customizable shortcode tag in plugin settings
Security & Performance
- â Path traversal protection
- â MIME type validation (JPEG, PNG, GIF, WebP)
- â HTML escaping for all output
- â Thumbnail caching for repeat visits
- â Lightweight - no database tables required
How It Works
Simply create a folder with your images, place the shortcode {joayat}your-folder-name{/joayat} anywhere in your content, and the gallery automatically appears. No complex setup, no database tables, no hassle.
Frontend Demo:
Backend Screenshot:
