Josh Leuze

<p>Meteor Slides makes it simple to create slideshows and publish them with a shortcode, widget, or template tag. The slideshows scale with responsive and fluid themes to fit any device and have touch support. Powered by <a href="http://jquery.malsup.com/cycle/" rel="nofollow ugc">jQuery Cycle</a> with over twenty transition styles to choose from.</p>
<h4>Meteor Slides Homepage</h4>
<p><a href="http://jleuze.com/plugins/meteor-slides/" title="Meteor Slides Homepage" rel="nofollow ugc">Visit this plugin’s homepage</a> for documentation, tutorials, and additional videos.</p>
<h4>Video Overview</h4>
<p>This screencast shows some of the plugin’s features, such as different transition and navigation options, multiple slideshows, plugin settings, and metadata. <a href="http://vimeo.com/album/930565" title="Meteor Slides Videos" rel="nofollow ugc">Watch more Meteor Slides videos.</a></p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/16270730" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h4>Features</h4>
<ul>
<li><strong>Easy integration:</strong> Add the slideshow to your site using a template tag, shortcode, or widget.</li>
<li><strong>Mobile Friendly:</strong> Scales to fit any device, supports touch navigation for mobiles and tablets.</li>
<li><strong>Multiple Slideshows:</strong> Organize your slides into multiple slideshows.</li>
<li><strong>Slideshow settings page:</strong> Control the slide height and width, the number of slides, the slideshow speed and transition style, and the type of navigation.</li>
<li><strong>Slideshow metadata:</strong> Customize individual slideshows or configure more <a href="http://jquery.malsup.com/cycle/options.html" title="jQuery Cycle Plugin" rel="nofollow ugc">jQuery Cycle options</a> with the <a href="http://plugins.jquery.com/project/metadata" title="MetaData jQuery Plugin" rel="nofollow ugc">MetaData jQuery Plugin</a>.</li>
<li><strong>Slideshow transition styles:</strong> blindX, blindY, blindZ, cover, curtainX, curtainY, fade, fadeZoom, growX, growY, none, scrollUp, scrollDown, scrollLeft, scrollRight, scrollHorz, scrollVert, slideX, slideY, turnUp, turnDown, turnLeft, turnRight, uncover, wipe, zoom.</li>
<li><strong>Slideshow navigation:</strong> Optional previous/next and/or paged slide navigation.</li>
<li><strong>Multiple languages:</strong> Belarusian, Bulgarian, Chinese (Simplified), Chinese (Traditional), Czech, Danish, Dutch, English, French, Greek, German, Hebrew, Indonesian, Italian, Japanese, Norwegian, Persian, Polish, Portuguese, Portuguese (Brazilian), Romanian, Russian, Serbo-Croatian, Spanish, Swedish, Turkish, Vietnamese.</li>
<li><strong>Multisite Compatible:</strong> Add Meteor Slides to any site on your network.</li>
</ul>
<p><em><a href="https://wordpress.org/tags/meteor-slides?forum_id=10#postform" title="Post a question in the forums" rel="ugc">Got a question about Meteor Slides?</a></em></p>


Meteor Slides

Easily create responsive slideshows with WordPress that are mobile friendly and simple to customize.

qstudio

<p>This is an add-on for the <a href="https://wordpress.org/extend/plugins/advanced-custom-fields/" rel="ugc">Advanced Custom Fields</a> WordPress plugin, that allows you to add a Number Slider field type.</p>
<p>This plugin uses the Simpler Slider jQuery library by James Smith – http://loopj.com/jquery-simple-slider/</p>
<p>For feature request and bug reports, <a href="https://qstudio.us/topic/advanced-custom-fields-number-slider" rel="nofollow ugc">please use the Q Studio Support Website</a>.</p>
<p>Please do not use the WordPress.org forum to report bugs, as we no longer monitor or respond to questions there.</p>
<h4>Compatibility</h4>
<p>This add-on will work with:</p>
<ul>
<li>Advanced Custom Fields version 4 & 5</li>
</ul>
<h4>More Information</h4>


Advanced Custom Fields: Number Slider

I used the field in CSS for the opacity of an overlay effect. I think the styles of the slider should be inherited from the user color scheme rather than the green color included in the plugin.



Almost Perfect

Number Slider field for Advanced Custom Fields

Meteor Slides vs Advanced Custom Fields: Number Slider