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.

PSDCovers

<p>Developed internally for our Adjustly theme, this plugin allows authors to link 2 html elements together as trigger and target.  When the trigger is clicked the target will immediately expand to reveal its content.</p>
<h4>Try the Demo</h4>
<p>If you’re interested in seeing what a default installation of Adjustly Collapse has to offer, have a look at some samples on our site.</p>
<p><a href="http://www.psdcovers.com/adjustly-collapse/" rel="nofollow ugc">http://www.psdcovers.com/adjustly-collapse/</a></p>
<h4>Usage</h4>
<p>The basic structure without any CSS bells and whistles looks like this:</p>
<pre><code><a class="aj-collapse" rel="myslidingcontent">trigger</a>
<div class="aj-hidden" id="myslidingcontent">target: this content is hidden by default</div>
</code></pre>
<p>In the example above, the trigger is an href element and the target is a div element.  Note that the target can be any element you choose.</p>
<h4>rel=”[id]”</h4>
<p>Each trigger and target pair must contain a common label so that the trigger knows which target to expand or collapse. The trigger rel tag must be the same name as the target’s id tag.  If you plan on having multiple collapsible elements in a page, post or theme then you will need to ensure that the rel and id tags are always unique for each trigger/target combo.</p>
<h4>Class Names</h4>
<ol>
<li>The trigger must always have the following class name: class=”aj-collapse”</li>
<li>The target can have either of 2 classes: class=”aj-hidden” will make the target collapsed by default while class=”aj-visible” will display the content normally but allow the viewer to collapse it.</li>
</ol>
<h4>Notes</h4>
<p>The trigger and target do not have to be next to each other.  The target can be at the opposite end of the article or you can place it within the trigger. Theme developers can use it to make widgets collapsible.</p>


Adjustly Collapse

Developed internally for our Adjustly theme, this plugin allows authors to link 2 html elements together as trigger and target.

Meteor Slides vs Adjustly Collapse