Kevin Bazira

<p>Algori Video and Image Slider is a Gutenberg Block Plugin that enables you easily add video and image sliders to your website.</p>
<p>Capture your site visitors’ attention with compelling image slideshows, hero images/videos, header sliders and image carousels. <strong>This will boost user engagement and increase revenue for your site</strong>.</p>
<p>This free plugin has a lot to offer. Even more can be found in the Premium version of this Plugin, please see <a href="http://www.kevinbazira.com/blog/article/algori-image-and-video-slider-pro-for-wordpress-gutenberg#features" rel="nofollow ugc">all features of the Premium plugin here</a>.</p>
<h3>Features of the free image slider</h3>
<ol>
<li>Hide/Show Navigation Dots</li>
<li>Hide/Show Navigation Arrows</li>
<li>Enable/Disable Slideshow Autoplay</li>
<li>1 slider dot style</li>
<li>1 slider arrow style</li>
</ol>
<h3>Features of the premium version</h3>
<ol>
<li>14 different slider dot styles</li>
<li>14 different slider arrow styles</li>
<li>Add text with call to action button on top of slider</li>
<li>Hide/Show Navigation Dots</li>
<li>Hide/Show Navigation Arrows</li>
<li>Enable/Disable Slideshow Autoplay</li>
<li>Hide/Show Pause Autoplay on Click</li>
<li>Disable/Enable Right to Left Direction</li>
<li>Enable/Disable Vertical Direction</li>
<li>Enable/Disable Slide Fade</li>
<li>Enable/Disable Lazy Load</li>
<li>Enable/Disable Center Mode</li>
<li>Disable/Enable Infinite Slider Loop</li>
<li>Adjust Slider Animation Speed</li>
<li>Adjust Slider Autoplay Speed</li>
<li>Show multiple slides</li>
<li>Scroll multiple slides</li>
<li>Show slides in rows</li>
<li>Adjust slider video settings ( autoplay, muted, controls, loop, and much more … )</li>
<li>Set left, right, center, wide and full width alignments for image slider.</li>
</ol>
<p>Most of these features are enabled by default and can’t be disabled or adjusted in the free version. We released a Premium Plugin with many more exciting features that will enable you to adjust all the slider settings as you wish.</p>
<p>Have a look at the <a href="https://codecanyon.net/item/algori-image-and-video-slider-pro-for-wordpress-gutenberg/22818690" rel="nofollow ugc">Premium Plugin here</a>.</p>
<h3>How to use</h3>
<ol>
<li>After installing and activating the “Algori Image and Video Slider” plugin in your WordPress website.</li>
<li>Navigate to your blog post or page and use the Gutenberg editor to add an “Image & Video Slider” block.</li>
<li>Use the “Image & Video Slider” block to upload images/videos or choose images/videos from the media library to create your image slider or image carousel.<br />
PS: In order to choose multiple images in the media library press keyboard button “Ctrl” on Windows or “Command” on Mac, then click on your images to select them.</li>
<li>At this point, you can adjust your slider settings using the Gutenberg block inspector section.
<ul>
<li>Hide/Show Navigation Dots</li>
<li>Hide/Show Navigation Arrows</li>
<li>Enable/Disable Slideshow Autoplay</li>
</ul>
</li>
<li>Click “Publish” to view your new web page with an image slider.</li>
<li>Congratulations 😀</li>
</ol>


Algori Video and Image Slider

Algori Video and Image Slider is a Gutenberg Block Plugin that enables you easily add video and image sliders to your website.

Michael

<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/6c2Rdi4o5MU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<a href="https://superblockslider.com/slider-showcase/" rel="nofollow ugc">Slider examples</a></p>
<p>A lightweight image & content slider plugin. Allows for full control over the content layout and design.</p>
<h4>Lightweight</h4>
<p>Standalone 5KB JavaScript file, optimize for loading speed and performance.</p>
<h4>Image slider</h4>
<p>Customize each slide’s background image and customize the visual presentation of your sliders.</p>
<h4>Content slider</h4>
<p>Highly flexible and customizable content, giving you full control over the content layout and design by using any blocks in the content area.</p>
<h4>Supports block & classic editor</h4>
<p>Works for block editor and classic editor(via shortcode. example: [superblockslider id=”123″]).</p>
<h4>Gradient / color overlay</h4>
<p>Enhance the visual impact of your sliders by applying gradient or solid color overlays, creating an eye-catching backdrop for your content.</p>
<h4>Responsive slider</h4>
<p>Set different background images for desktop, tablet, and mobile screen sizes, allowing for optimal visual presentation across various devices.</p>
<h4>Live Editor Preview</h4>
<p>Preview your slider’s appearance in real-time within the WordPress editor, making it easy to fine-tune and perfect the design before publishing.</p>
<h4>Touch & mouse drag</h4>
<p>Supporting both touch and mouse swipe gestures, providing a seamless user experience on touchscreen devices and desktops.</p>
<h4>Title or Dot Icon Navigation</h4>
<p>Customize the navigation with title-based navigation or dot icons, allowing your users to easily navigate through your sliders.</p>
<h4>Parallax Effect</h4>
<p>Add a visually appealing parallax effect to your slider, this effect creates a captivating scrolling experience by moving the background at a different speed than the foreground content.</p>
<h4>Adaptive slider height</h4>
<p>The slider’s height adjusts automatically based on the background size, ensuring that your slides are displayed properly.</p>
<h4>Transition Animations</h4>
<p>Choose from 20 transition animations to add dynamism and flair to your sliders.</p>
<h3>Featured highlight</h3>
<ul>
<li><a href="https://superblockslider.com/slider-showcase/#transition-efect" rel="nofollow ugc">Slide</a>, <a href="https://superblockslider.com/slider-showcase/#transition-efect" rel="nofollow ugc">fade</a> effect</li>
<li><a href="https://superblockslider.com/slider-showcase/#adaptive-height" rel="nofollow ugc">Adaptive slider height</a></li>
<li>Set multiple background image for responsive screen size</li>
<li><a href="https://superblockslider.com/slider-showcase/#demo" rel="nofollow ugc">Title-based</a> navigation or <a href="https://superblockslider.com/slider-showcase/#transition-efect" rel="nofollow ugc">dot icons</a></li>
<li><a href="https://superblockslider.com/slider-showcase/#demo" rel="nofollow ugc">Parallax background effect</a></li>
<li>20 slide <a href="https://superblockslider.com/slider-showcase/#transition-animations" rel="nofollow ugc">transition animations</a></li>
<li><a href="https://superblockslider.com/slider-showcase/#overlay" rel="nofollow ugc">Gradient or solid color overlay</a></li>
</ul>
<h4>Links</h4>
<p><a href="https://superblockslider.com/slider-showcase/" rel="nofollow ugc">Slider examples</a><br />
<a href="https://superblockslider.com/documentations/" rel="nofollow ugc">Documentations</a></p>


Super block slider – Image & content slider

Lightweight image & content slider for block and classic editor.

Algori Video and Image Slider vs Super block slider – Image & content slider