Using my extensions on your site?

Consider making a donation to support ongoing development and long-term maintenance.

JO Ayat Gallery

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.