autoplay on fullscreen slider
-
wrote on Aug 14, 2023, 3:04 PM last edited by
Hi there, is autoplay possible on Fullscreen Slider? Perhaps with some custom css? Thank you.
-
Hi there, is autoplay possible on Fullscreen Slider? Perhaps with some custom css? Thank you.
wrote on Aug 15, 2023, 9:17 AM last edited by kalamakumaran Aug 15, 2023, 5:17 AMif you are using the vertical direction of the fullscreen slider put this in Custom <head> content
<script> window.laytheme.on("newpageshown", function(layoutObj, type, obj){ slideTimeout = setInterval(function () { jQuery.fn.fullpage.moveSectionDown(); }, 10000); }); </script> -
if you are using the vertical direction of the fullscreen slider put this in Custom <head> content
<script> window.laytheme.on("newpageshown", function(layoutObj, type, obj){ slideTimeout = setInterval(function () { jQuery.fn.fullpage.moveSectionDown(); }, 10000); }); </script>wrote on Aug 15, 2023, 12:11 PM last edited by@kalamakumaran thanks a lot for your response! What about if the direction is horizontal? I'd like to keep it horizontal because of some other settings I'm using.
-
@kalamakumaran thanks a lot for your response! What about if the direction is horizontal? I'd like to keep it horizontal because of some other settings I'm using.
wrote on Aug 15, 2023, 12:18 PM last edited bytry this. haven't tested it. maybe it works ;)
<script> window.laytheme.on("newpageshown", function(layoutObj, type, obj) { var slideTimeout; function moveHorizontalSection() { var activeSection = jQuery.fn.fullpage.getActiveSection(); var nextSection = activeSection.index() + 1; if (nextSection <= jQuery.fn.fullpage.getSections().length) { jQuery.fn.fullpage.moveTo(nextSection, 0); } else { jQuery.fn.fullpage.moveTo(1, 0); } } slideTimeout = setInterval(moveHorizontalSection, 10000); }); </script> -
try this. haven't tested it. maybe it works ;)
<script> window.laytheme.on("newpageshown", function(layoutObj, type, obj) { var slideTimeout; function moveHorizontalSection() { var activeSection = jQuery.fn.fullpage.getActiveSection(); var nextSection = activeSection.index() + 1; if (nextSection <= jQuery.fn.fullpage.getSections().length) { jQuery.fn.fullpage.moveTo(nextSection, 0); } else { jQuery.fn.fullpage.moveTo(1, 0); } } slideTimeout = setInterval(moveHorizontalSection, 10000); }); </script>wrote on Aug 15, 2023, 8:47 PM last edited by@kalamakumaran thank you for that – I did try but it didn't work for me unfortunately. If you have any other tips or tricks that would be greatly appreciated. Thanks again!
-
@kalamakumaran thank you for that – I did try but it didn't work for me unfortunately. If you have any other tips or tricks that would be greatly appreciated. Thanks again!
wrote on Aug 16, 2023, 5:24 AM last edited byPm!
-
Global Moderatorwrote on Aug 16, 2023, 10:43 AM last edited by arminunruh Aug 16, 2023, 6:43 AM
<script> window.laytheme.on("newpageshown", function(){ setInterval(function () { jQuery.fn.fullpage.moveSlideRight(); }, 10000); }); </script> -
<script> window.laytheme.on("newpageshown", function(){ setInterval(function () { jQuery.fn.fullpage.moveSlideRight(); }, 10000); }); </script>wrote on Aug 17, 2023, 5:31 AM last edited byAh Great. Didn‘t know the sections are adressed as slides when using horizontal direction. Easy ;)
-
<script> window.laytheme.on("newpageshown", function(){ setInterval(function () { jQuery.fn.fullpage.moveSlideRight(); }, 10000); }); </script>wrote on Aug 19, 2023, 3:03 PM last edited by@arminunruh Thanks a lot Armin, this works! :)
-
wrote on Aug 9, 2024, 10:55 AM last edited by MarcusR Aug 9, 2024, 6:57 AMThis post is deleted!
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it