WebMaestro.Fr

<p>I found <a href="http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/" rel="nofollow ugc">John Dyer’s Native Fullscreen JavaScript API</a> the other day, and I thought it was pretty awesome.</p>
<p>A true fullscreen mode ! Without Flash !</p>
<p>It’s quite experimental so far, but “support is coming to most browsers in the next few months”. You should read <a href="http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/" rel="nofollow ugc">John Dyer’s post</a> about that.</p>
<p>The plugin come with a widget and a shortcode to generate the button. Use a CSS selector to target the element you want to display in fullscreen… and that’s it !</p>
<p>[fullscreen target=”THE-CSS-SELECTOR” text=”The button’s text”]</p>
<p>Enjoy folks !</p>


Native Fullscreen

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.

Native Fullscreen vs fullPage Vertical & Horizontal Slider – Snap Scroll Sections & More