Adjusting Tab Auto Change Duration in Header 103 Component

·May 29, 2024 02:15 PM

Hey Guys, i have a question regarding the Header 103 Component. I want to change the duration of the tab auto change from 6 seconds to 3 seconds and adjust the bar which indicates the duration to the 3 seconds. Also i want to start the “auto-change” only when the user starts entering the “section_header103" and not from the page load on. Can anyone help me? Here’s the read-only-link: https://preview.webflow.com/preview/monaco-entwurf-1?utm_medium=preview_link&utm_sourc[…]297705b735&pageId=663e1f45d79e9aa56d08d710&workflow=preview

6 comments

· Sorted by Oldest

Korbi
·
Matt J. Adam M. does one of you guys have an idea or one of your team members? :))
Matt J.
·
Korbi yeah this gets really tricky. This is one of our most complicated components because of all of the custom code. Changing duration will be easy enough. I spent about 30+ mins or so researching ways to change the on load trigger but haven't found anything solid yet. I can ask one of our developers if they have any ideas of how we would go about this. Another option if you dont want to wait for us would be to copy/paste the JS code in the embed in my screenshot and paste it into ChatGPT and tell it to change the window on load trigger to be a "scroll into view" trigger and see what it comes up with, obviously no guarantees that will work but if you massage the prompt there's a chance you'll get it.
❤️1
Korbi
·
Hi Matt J. thank’s for your answer. I appreciate the time you’ve spent to research a solution. I’ll try to solve it with the help of chatGPT. So maybe i’ll get back to you to check if one of your developers has an idea. As said, thank you.
Lacy
·
Hi Matt J. any updates on this question? I am in a similar boat. I tried just changing the time myself, but that didn't work. I have put it back to 6000, but somehow the timers are still a bit finicky and the transition is still glitchy. https://preview.webflow.com/preview/tinynaturebois?utm_medium=preview_link&utm_source=[…]7b7bb7329b0708ce6a59cc5d19b53303&locale=en&workflow=preview
Lacy
·
I found this tuto that I thought might help to pause the videos before loading the next tab, because what it looks like to me is that the next tab is playing at the same time as the first tab. https://www.youtube.com/watch?v=7afCDFeAELU&ab_channel=pixelgeek But that had no effect. I tried putting your suggestion into ChatGPT, but their suggestion didn't work and I don't understand the problem well enough to ask GPT the right questions.
Lacy
·
Matt J. I am having this issue that I don't know how to fix. I could really use your input on related to the Header 103 auto tab change. One thing I learned is that the videos have to be exactly 6 seconds each, and this helps the auto tab change to function properly, but even though my videos are exactly 6 seconds, depending on the browser, the video restarts again before changing tabs. On chrome desktop, the difference is a milisecond, while chrome mobile, it is very noticable, almost a full second. https://preview.webflow.com/preview/tinynaturebois?utm_medium=preview_link&utm_source=[…]s&preview=7b7bb7329b0708ce6a59cc5d19b53303&workflow=preview

Korbi
·
Matt J. Adam M. does one of you guys have an idea or one of your team members? :))
Matt J.
·
Korbi yeah this gets really tricky. This is one of our most complicated components because of all of the custom code. Changing duration will be easy enough. I spent about 30+ mins or so researching ways to change the on load trigger but haven't found anything solid yet. I can ask one of our developers if they have any ideas of how we would go about this. Another option if you dont want to wait for us would be to copy/paste the JS code in the embed in my screenshot and paste it into ChatGPT and tell it to change the window on load trigger to be a "scroll into view" trigger and see what it comes up with, obviously no guarantees that will work but if you massage the prompt there's a chance you'll get it.
❤️1
Korbi
·
Hi Matt J. thank’s for your answer. I appreciate the time you’ve spent to research a solution. I’ll try to solve it with the help of chatGPT. So maybe i’ll get back to you to check if one of your developers has an idea. As said, thank you.
Lacy
·
Hi Matt J. any updates on this question? I am in a similar boat. I tried just changing the time myself, but that didn't work. I have put it back to 6000, but somehow the timers are still a bit finicky and the transition is still glitchy. https://preview.webflow.com/preview/tinynaturebois?utm_medium=preview_link&utm_source=[…]7b7bb7329b0708ce6a59cc5d19b53303&locale=en&workflow=preview
Lacy
·
I found this tuto that I thought might help to pause the videos before loading the next tab, because what it looks like to me is that the next tab is playing at the same time as the first tab. https://www.youtube.com/watch?v=7afCDFeAELU&ab_channel=pixelgeek But that had no effect. I tried putting your suggestion into ChatGPT, but their suggestion didn't work and I don't understand the problem well enough to ask GPT the right questions.
Lacy
·
Matt J. I am having this issue that I don't know how to fix. I could really use your input on related to the Header 103 auto tab change. One thing I learned is that the videos have to be exactly 6 seconds each, and this helps the auto tab change to function properly, but even though my videos are exactly 6 seconds, depending on the browser, the video restarts again before changing tabs. On chrome desktop, the difference is a milisecond, while chrome mobile, it is very noticable, almost a full second. https://preview.webflow.com/preview/tinynaturebois?utm_medium=preview_link&utm_source=[…]s&preview=7b7bb7329b0708ce6a59cc5d19b53303&workflow=preview

Adjusting Tab Auto Change Duration in Header 103 Component | Relume Community