jethin

This plugin allows authors to turn a <a href="https://codex.wordpress.org/User:Esmi/The_WordPress_Gallery" rel="nofollow ugc">WordPress gallery</a> into a slideshow.
To activate slideshow mode set the “GSS Slideshow” option to “Yes” when editing a gallery in the WordPress Media Manager. Alternatively you can manually add the “gss” attribute to a WordPress gallery shortcode:
<pre><code>[gallery gss="1" ids="1,2,3"]
</code></pre>
<a href="http://s89693915.onlinehome.us/wp/?page_id=4" rel="nofollow ugc">See here</a> to view an example slideshow.
The plugin supports six optional shortcode attributes:
<pre><code>[gallery gss="1" ids="1,2,3" size="full" link="none" options="timeout=4000" name="myslideshow" style="width:50%" carousel="fx=carousel"]
</code></pre>
size: The size of the slideshow images (included in “Gallery Settings”).
link: The default link for slideshow images (included in “Gallery Settings”). Custom links can be set via the “GSS Link” metadata on individual images.
options: This attribute can be used to override default slideshow options or set custom options. Attribute value uses query string format, e.g.: ‘option1=value1&option2=value2’ etc. Option names are in standard Cycle2 format without ‘data-cycle-‘ prefix. <a href="http://jquery.malsup.com/cycle2/api/#options" rel="nofollow ugc">See the Cycle2 website</a> for documentation and supported options.
name: Use this attribute to give slideshow(s) unique ids (applied to container <code><div></code>). Give each slideshow a unique name / id when displaying multiple slideshows on a single page.
style: Inline CSS styles applied to the slideshow container. Outputted string is prefaced with “style=” and must contain standard “property:value;” syntax.
carousel: Set ‘fx=carousel’ value in this attribute to include a carousel pager navigation (thumbnails) in a slideshow. See the <a href="http://jquery.malsup.com/cycle2/demo/carousel.php" rel="nofollow ugc">Cycle2 Carousel</a> for documentation and supported options. Carousel options follow the same string format as the options attribute above.
Support
Plugin author is no longer able to respond to new threads in the “Support” forum. Plugin users are encouraged to provide support to others.
Notes
Slideshows perform best if images are sized to desired slideshow width / container.
Slideshow captions are taken from each image’s “Caption” field. Upload and use unique versions of any images that are reused elsewhere on your site with different captions.
Slideshow widths should automatically adjust to the smaller of: 1) the width of the largest image in the slideshow or 2) the width of its container.
Default Display: Height / width of slideshow image area is set by the first image; images appear at full size or are scaled down to fit container; smaller images are horizontally centered; images are bottom aligned to caption area; some white space may appear at the top of slideshows that contain both horizontally and vertically aligned images.
Default CSS ids begin with “gss_”, classes with “cycle-“. Default slideshow id is “gslideshow”. Default CSS styles were created using the Twenty Thirteen theme — some CSS customization may be necessary for other themes.
In addition to the options attribute mentioned above, slideshows can be customized by placing a “gss-custom.js” file inside the Gallery Slideshow plugin directory. An example “gss-custom.js” can be found in the /assets/ directory.
This plugin uses <a href="http://jquery.malsup.com/cycle2/" rel="nofollow ugc">jQuery Cycle2</a>. Cycle2 may conflict with previous versions of Cycle if used on the same page.
Embed Slideshow (Experimental; requires version 1.3+)
To embed a slideshow on another site:
<ol>
<li>
Move the ’embed.js’ and ’embed.php’ files out of the plugin’s /assets/ directory and into the main /gallery-slideshow/ directory.
</li>
<li>
While editing a post/page with a slideshow, locate the slideshow’s embed key in the “Custom Fields” meta box . (If the embed key isn’t shown make sure the [gss …] shortcode exists in the visual editor and update the page/post.)
</li>
<li>
Replace the all caps text below with 1) your site’s URL/domain name and 2) the embed key to produce the embed code:
</li>
</ol>
‘data-target’ attribute (optional): Add this attribute to the embed code to target a specific div by id (use unique ids if multiple slideshows are embedded on a page):
<pre><code><script src="YOUR_SITES_DOMAIN/wp-content/plugins/gallery-slideshow/embed.js" data-embed="GSS_EMBED_KEY" data-target="UNIQUE_TARGET_NAME" type="text/javascript"></script><div id="UNIQUE_TARGET_NAME"></div>
</code></pre>

Gallery Slideshow

Turn any WordPress gallery into a simple, robust, lightweight and fluid slideshow.

Divyesh kakrecha

Maulik Vora

Dipika Balajiwala

Transform your Elementor website with the most powerful and flexible image gallery plugin available!
Advanced Image Gallery for Elementor is a premium-quality, free plugin that lets you create breathtaking media displays with zero coding required. Whether you need a simple image grid, an interactive carousel, or a professional slideshow, this plugin delivers exceptional results that will make your content stand out.
🎨 Why Choose Advanced Image Gallery?
<ul>
<li>6 Powerful Layouts – Grid, Carousel, Slideshow, Masonry, Justified & Metro modes for every use case</li>
<li>Video Support – Seamlessly integrate YouTube and Vimeo videos with custom play buttons</li>
<li>Mobile-First Design – Perfectly responsive across all devices and screen sizes</li>
<li>Lightning Fast – Optimized code with conditional loading for maximum performance</li>
<li>Elementor Native – Built specifically for Elementor with full integration</li>
<li>Zero Learning Curve – Drag, drop, and customize with intuitive controls</li>
</ul>
🚀 Key Features:
Layout Options:
<ul>
<li>Grid Gallery – Clean, organized image grids with customizable columns (1-6)</li>
<li>Carousel Slider – Smooth, touch-enabled carousels with navigation controls</li>
<li>Slideshow Mode – Professional slideshows with thumbnail navigation</li>
<li>Masonry – Dynamic, Pinterest-style layouts where images adjust seamlessly to fit the space</li>
<li>Justified – Perfectly aligned rows of images for a balanced, professional gallery look</li>
<li>Metro – Eye-catching, magazine-style layouts with varying image sizes for a modern appearance</li>
</ul>
Customization & Control:
<ul>
<li>Responsive Breakpoints – Different settings for desktop, tablet, and mobile</li>
<li>Custom Navigation – Arrows, dots, fraction, and progress bar pagination</li>
<li>Autoplay Controls – Configurable speed, pause on hover, and interaction settings</li>
<li>Overlay Effects – Text and icon overlays with 6 animation types</li>
<li>Lightbox Integration – Full-screen viewing with Elementor’s native lightbox</li>
</ul>
Performance & SEO:
<ul>
<li>Conditional Loading – Only loads assets when needed (50% faster page loads)</li>
<li>Lazy Loading Ready – Optimized for performance and SEO</li>
<li>Clean Code – Follows WordPress and Elementor best practices</li>
<li>Accessibility – ARIA labels and keyboard navigation support</li>
</ul>
Video & Media:
<ul>
<li>YouTube & Vimeo – Direct integration with custom play buttons</li>
<li>Custom URLs – Link images to any destination</li>
<li>File Links – Direct links to media files</li>
<li>Lightbox Videos – Full-screen video playback</li>
</ul>
🎯 Perfect For:
<ul>
<li>Photography portfolios</li>
<li>Product showcases</li>
<li>Team member galleries</li>
<li>Event photo galleries</li>
<li>Video collections</li>
<li>Blog post galleries</li>
<li>Landing page hero sections</li>
<li>E-commerce product galleries</li>
</ul>
💡 Pro Tips:
<ul>
<li>Use the Grid layout for portfolios and product galleries</li>
<li>Carousel mode works great for testimonials and featured content</li>
<li>Slideshow is perfect for hero sections and presentations</li>
<li>Enable lightbox for better user engagement</li>
<li>Use video integration for dynamic content</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 6.0 or higher (tested up to 6.8)</li>
<li>Elementor (Free or Pro)</li>
<li>PHP 7.4 or higher (compatible with PHP 8.4)</li>
</ul>
<h3>Donate</h3>
Love this plugin? Help us continue development and add more amazing features!
Your support helps us:
<ul>
<li>🚀 Add new features and layouts</li>
<li>🐛 Fix bugs and improve stability</li>
<li>📱 Enhance mobile experience</li>
<li>🎨 Create more customization options</li>
<li>📚 Write better documentation</li>
</ul>
Buy Me A Coffee – ☕ <a href="https://www.buymeacoffee.com/zluck" rel="nofollow ugc">https://www.buymeacoffee.com/zluck</a>.
<h3>License</h3>
This plugin is licensed under the GPLv3 or later. For more information, see <a href="https://www.gnu.org/licenses/gpl-3.0.html" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-3.0.html</a>.

Advanced Image Gallery for Elementor – Grid, Carousel & Slideshow

Create stunning, responsive image galleries and media carousels for Elementor with advanced customization and video support.

Gallery Slideshow vs Advanced Image Gallery for Elementor – Grid, Carousel & Slideshow