tiffanydavidson Posted August 3, 2023 Share Posted August 3, 2023 On 9/18/2020 at 2:51 PM, Rebecca_Grace_Designs said: **UPDATED*** For anyone still looking, I found a workaround for autoplaying a Summary Carousel Block. It autoclicks the next button every three seconds. Inject this is Settings > Advanced > Code Injection > Footer <script> window.onload = function() { var nextArrow = document.querySelector(".summary-carousel-pager-next"); function clickNext() { nextArrow.click(); } setInterval(clickNext, 3000); }; </script> I updated this code to remove the use of JQuery (for page speed reasons) as well as to help with the refresh timeframe. @Rebecca_Grace_Designs Thank you so much for sharing this. It was working well for me on this website, now suddenly the bottom carousel (under Vintage Lighters) will not work, yet the top one on the same page is still working. I have checked the code, removed, added back again, etc. and still it won't budge. Any idea how to correct the issue? Link to comment
creedon Posted August 3, 2023 Share Posted August 3, 2023 3 hours ago, tiffanydavidson said: Any idea how to correct the issue? The code you are using was only designed to work for one summary block. To work with multiple blocks it would need to be enhanced. You should also be aware of the issue that @Nick_SquareKicker brought up. I also noted that the code runs right away and if your summary is a ways down the page, the code has already run through the groups of elements before the summary even gets into view. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
tiffanydavidson Posted August 4, 2023 Share Posted August 4, 2023 9 minutes ago, creedon said: The code you are using was only designed to work for one summary block. To work with multiple blocks it would need to be enhanced. You should also be aware of the issue that @Nick_SquareKicker brought up. I also noted that the code runs right away and if your summary is a ways down the page, the code has already run through the groups of elements before the summary even gets into view. @creedon Thank you for this very helpful feedback. Is there a way to make the original code work for all summary block carousels on the site *and* to have it loop once ran through? Happy to pay for anyones time who can help with this issue. Link to comment
the_blackletter Posted August 14, 2023 Share Posted August 14, 2023 Anyone knows how to do an horizontal auto-scrolling for Teams/People ? Link to comment
tuanphan Posted August 17, 2023 Share Posted August 17, 2023 On 8/14/2023 at 11:12 PM, the_blackletter said: Anyone knows how to do an horizontal auto-scrolling for Teams/People ? If you share link to page where you use Teams/People, we can check/help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
NicolaH Posted December 14, 2023 Share Posted December 14, 2023 Hi, am hoping this thread can still be added to....? I'm looking for the same autoplay and loop but to be able to apply to an intro block on the home page on this website https://badger-oval-74a3.squarespace.com/home And only want it on the first intro block and nothing else on page. How is it best to do this? thanks Link to comment
tuanphan Posted December 16, 2023 Share Posted December 16, 2023 On 12/14/2023 at 5:13 PM, NicolaH said: Hi, am hoping this thread can still be added to....? I'm looking for the same autoplay and loop but to be able to apply to an intro block on the home page on this website https://badger-oval-74a3.squarespace.com/home And only want it on the first intro block and nothing else on page. How is it best to do this? thanks What is password? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
NicolaH Posted December 18, 2023 Share Posted December 18, 2023 Hi @tuanphan thanks for your message. Have replied via email On 4/14/2020 at 8:54 PM, scipioni_central said: <script> Y.on('domready', function () { var galleries = Y.Squarespace.GalleryManager.getGalleries(); for( i = 0; i<galleries.length; i++){ galleries[i].setAttrs({"autoplay":true}) } }); </script> Link to comment
NicolaH Posted December 18, 2023 Share Posted December 18, 2023 thanks @tuanphan I have now actually resolved it myself but thanks anyway for your efforts! tuanphan 1 Link to comment
cmv Posted August 26 Share Posted August 26 Hi I want to have 2 carousels automatic moving, like gliding trought the screen , without seeing the arrows on the sides... the 2 carousels are in different sections but on the same page. Anybody that can help with a code here? i tried every code i see... Link to comment
cmv Posted August 26 Share Posted August 26 @tuanphan? can you help me out? i see you are very good at it ! Link to comment
tuanphan Posted August 30 Share Posted August 30 On 8/27/2024 at 2:26 AM, cmv said: Hi I want to have 2 carousels automatic moving, like gliding trought the screen , without seeing the arrows on the sides... the 2 carousels are in different sections but on the same page. Anybody that can help with a code here? i tried every code i see... You can share link to page, I can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment