Strawberry Jellyfish

<p>Easily create full screen image backgrounds and fading slideshows that stretch<br />
and adapt to the size of your page.</p>
<p>You can either use it as a global “cover” style background that will be<br />
displayed on all pages and posts of your WordPress website or you can give<br />
individual posts or pages including custom post types their own specific<br />
background – great for giving parts of a website a whole different look.</p>
<p>Jellyfish Backdrop makes fullscreen background slideshows easy by allowing<br />
you to assign multiple backgrounds to any page or post.</p>
<ul>
<li>Unlimited number of post and slideshows.</li>
<li>Create different slideshows or backgrounds or different areas of your site.</li>
<li>Easy to use admin panels with sortable images and media library integration.</li>
<li>Display images in any page element allowing slideshows anywhere, not just as<br />
a background!</li>
</ul>
<h4>Demo</h4>
<p>See the plugin homepage for demos and full details:<br />
http://strawberryjellyfish.com/wordpress-plugins/jellyfish-backdrop/</p>
<h3>Usage</h3>
<p>Visit the settings page to set up the global and default options. Here you’ll<br />
be able to set up a default background image that will be displayed on every<br />
page of your blog, enable or disable the global background or individual post<br />
and page background support as well as set up the default options.</p>
<p>To add a unique background image or slideshow to a specific post or page,<br />
first make sure that in the <em>Enable Page and Post Type Slideshows</em> section<br />
on the setting page, you check any post types you want to allow slideshows<br />
to appear on. You’ll now find a new area on the post / page edit screens<br />
where you can add images to the Backdrop Slideshow and alter fade time,<br />
slide display time and where the images will appear. Jellyfish Backdrop uses<br />
the WordPress image uploader and Media Library, so it’s easy to choose the<br />
images you want to use. You can also reorder the images by dragging.<br />
Once you’ve finished adding and arranging your images, be sure to save the<br />
post or your changes will not be saved.</p>
<p>Page / Post backgrounds will override the default background so it’s possible<br />
to define one background to be used site wide and another on a specific page.</p>
<p>By default images are shown as the main page background (body), however you<br />
can make the images appear as backgrounds to other areas of the page by<br />
supplying any valid element id or class name in the Container field on the<br />
admin page. eg. #main, .header</p>


Jellyfish backdrop

Fullscreen background images and background slideshows on any WordPress post or page. Easily upload and select images using the media library.

meceware

fullpagejs

<p>fullPage Vertical & Horizontal Slider allows you to design smooth-scrolling, full-screen websites with ease. Using the powerful fullPage.js library, this plugin integrates seamlessly into WordPress, enabling users to create beautiful, engaging layouts with minimal effort.</p>
<p><strong><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/demo/vertical-scroll/" rel="nofollow ugc">Online Demo</a></strong> | <strong><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/" rel="nofollow ugc">fullPage Slider Pro</a></strong> | <strong><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/" rel="nofollow ugc">Documentation</a></strong></p>
<h3>🌟 Features of the free version</h3>
<ul>
<li>Fully responsive design for a seamless experience across all devices.</li>
<li>Smooth touch support for mobile, tablet, and touchscreen devices.</li>
<li>Simple section and slide creation.</li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/scroll-bar/" rel="nofollow ugc">Full-page scrolling with an optional visible scrollbar.</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/scroll-inside-sections/" rel="nofollow ugc">Scroll inside sections</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/autoHeight.html" rel="nofollow ugc">Auto-height sections. Ideal for footers</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/vertical-scroll-elementor/#section-2" rel="nofollow ugc">Animated anchor links for seamless navigation.</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/infinite-scroll/" rel="nofollow ugc">Configurable looping and infinite scroll</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/keyboard.html" rel="nofollow ugc">Keyboard navigation support.</a></li>
<li>Browser history support for back-button navigation.</li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/horizontal-slides/" rel="nofollow ugc">Horizontal sliders</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/vertical-scroll-elementor/" rel="nofollow ugc">Horizontal and vertical navigation controls with various styling options.</a></li>
<li><a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/snap-scroll-speed/" rel="nofollow ugc">Customizable snap scrolling speed</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/autoplayVideoAndAudio.html" rel="nofollow ugc">Autoplay/pause media elements on scroll</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/videoBackground.html" rel="nofollow ugc">Fullscreen video backgrounds in sections & slides</a></li>
<li><a href="https://alvarotrigo.com/fullPage/examples/normalScroll.html" rel="nofollow ugc">Normal scrolling with smart auto-alignment for sections.</a></li>
</ul>
<h3>🚀 Quick Start</h3>
<p>For detailed setup instructions, visit the <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/" rel="nofollow ugc">documentation</a>.</p>
<ol>
<li>Create a new page or post.</li>
<li>Add the <em>fullPage Vertical & Horizontal Slider</em> block (ensure no other content exists in the post/page).</li>
<li>By default, two sections will be created. You can add more sections or slides using the buttons inside the block.</li>
<li>Customize each section/slide with your content.</li>
<li>Adjust settings by selecting the desired block and modifying its properties.</li>
<li>Remove sections or slides using the delete icon.</li>
</ol>
<p>View more plugin screenshots in the <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/" rel="nofollow ugc">documentation</a>.</p>
<h3>🚫 Limitations</h3>
<p>The free version of <em>fullPage Vertical & Horizontal Slider</em> is a great way to get started, but it comes with some limitations compared to the full experience:</p>
<ul>
<li>❌ Limited to <strong>4 vertical sections</strong> and <strong>1 horizontal slide section</strong> (up to <strong>3 slides</strong> only)</li>
<li>❌ No access to <a href="https://alvarotrigo.com/fullPage/extensions/" rel="nofollow ugc">premium extensions and effects</a>, like:
<ul>
<li><a href="https://alvarotrigo.com/fullPage/extensions/parallax.html?page=gutenberg" rel="nofollow ugc">Parallax scrolling</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/slider-effects.html?page=gutenberg" rel="nofollow ugc">Advanced sliding transition effects</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/scroll-horizontally.html?page=gutenberg" rel="nofollow ugc">Horizontal scrolling via mouse wheel</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/fading-effect.html?page=gutenberg" rel="nofollow ugc">Fading Effect</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/continuous-horizontal.html?page=gutenberg" rel="nofollow ugc">Infinite Horizontal Scroll</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/drag-and-move.html?page=gutenberg" rel="nofollow ugc">Drag and move</a></li>
<li><a href="https://alvarotrigo.com/fullPage/extensions/" rel="nofollow ugc">And more…</a></li>
</ul>
</li>
<li>❌ <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/responsive/" rel="nofollow ugc">No responsive options (different behaviors on mobile/tablet)</a></li>
<li>❌ <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/normal-scroll-elements/" rel="nofollow ugc">No support for scrollable elements inside sections (modals, maps, canva…)</a></li>
<li>❌ <a href="https://alvarotrigo.com/fullPage/examples/custom-animation.html" rel="nofollow ugc">No easing animations (all movements use default timing)</a></li>
<li>❌ No support included</li>
</ul>
<h3>🏆 Upgrade to premium and get:</h3>
<ul>
<li>✅ Unlimited sections & slides</li>
<li>✅ Access to <a href="https://alvarotrigo.com/fullPage/extensions/" rel="nofollow ugc">paid extensions and advanced effects</a> (purchased separately)</li>
<li>✅ Access to powerful <a href="https://alvarotrigo.com/fullPage/docs/#methods" rel="nofollow ugc">methods</a> and <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/docs/#events" rel="nofollow ugc">callback events</a></li>
<li>✅ <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/demo/responsive/" rel="nofollow ugc">Responsive settings</a></li>
<li>✅ <a href="https://alvarotrigo.com/fullPage/examples/lazy-load.html" rel="nofollow ugc">Lazy loading</a></li>
<li>✅ Enhanced navigation options</li>
<li>✅ Priority support and regular updates</li>
</ul>
<p>👉 <a href="https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/" rel="nofollow ugc">Get the premium version <span aria-hidden="true" class="wp-exclude-emoji">→</span></a></p>
<h3>External Services</h3>
<p>This plugin allows users to embed background videos in their sections. If users choose to use videos hosted on YouTube, the following applies:</p>
<ul>
<li><strong>YouTube</strong>: The plugin may load YouTube’s player API (<code>https://www.youtube.com/iframe_api</code>) to enable video playback. No data is sent to YouTube unless the user explicitly embeds a YouTube video.</li>
</ul>
<h3>Development</h3>
<p>This plugin includes JavaScript and CSS files. The source code for these files is publicly available:</p>
<ul>
<li><a href="https://github.com/meceware/iwideo" rel="nofollow ugc">iwideo.js</a></li>
<li><a href="https://github.com/alvarotrigo/fullpage-limited" rel="nofollow ugc">fullPage.js Limited</a></li>
</ul>


fullPage Vertical & Horizontal Slider – Snap Scroll Sections & More

Create stunning fullscreen scrolling websites effortlessly with WordPress.

Jellyfish backdrop vs fullPage Vertical & Horizontal Slider – Snap Scroll Sections & More