Skip to main content
Y
Yaël5E15
Known Participant
June 3, 2021
Question

Slideshow HTML website click and next

  • June 3, 2021
  • 2 replies
  • 1825 views

Hello, 

My personal website always worked that way that when you click on a picture it jumped to the next; like a slideshow. However, since a few weeks it doesn’t work that way any longer and all images popped up at the same time instead. I've adjusted it right now so you can at least scroll down, but my knowledge in HTML is very outdated unfortunately.  Does anyone you’ve got any idea what goes wrong initally and how to fix it? 
Any help is appreciated.

Thanks!
Y

 

    This topic has been closed for replies.

    2 replies

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    June 3, 2021

    1. jQuery Cycle is outdated.

    2. You never should have referenced the script on GitHub because that's not a recognized CDN. 

    3. Rebuild your slideshow with jQuery Cycle 2.  Download scripts directly from the source and upload them to your server.  See link below.

    https://jquery.malsup.com/cycle2/

     

    Nancy O'Shea— Product User & Community Expert
      Y
      Yaël5E15Author
      Known Participant
      June 3, 2021

      Thank you. That sounds pretty far from my bed. I need to dig into this! Y

       

        Nancy OShea
        Community Expert
        Nancy OSheaCommunity Expert
        Community Expert
        June 7, 2021

        Hi,


        Thanks for your feedback! The first thing with the rows and columns is all clear. I will resize the images with the same height as well so it doesn't go up and down continuously. 
        I want to change the arrow part now, but I don't get it back the way Ben sent it to me. Plus, where do I need to paste that code of yours with -75 etc.? 

        I'm ok with arrows, as long as they are very small; like the font size at the top. Can you send me the code from what to place after the carousel with images so I don't remove things that shouldn't be removed? That would be a great help.


        Thanks again!
        Y


        Thanks for your advice!


        quote

        I'm ok with arrows, as long as they are very small; like the font size at the top. Can you send me the code from what to place after the carousel with images so I don't remove things that shouldn't be removed? That would be a great help.

        ================

        Revert to the original code that Ben posted on June 6th.

         

        Size matters greatly.  Small targets are an accessibility problem for people on touch screen devices. An adult human finger tip radius is approx 45px.  The default Cycle2 arrows are an appropriate size for average users on various devices.  Changing size could adversely effect usability.  So my advice is  leave the size alone. 

         

        Good luck with your project! 🙂

         

        Nancy O'Shea— Product User & Community Expert
          B
          Community Expert
          Ben MCommunity Expert
          Community Expert
          June 3, 2021

          It appears your slideshow script was deleted from the server. But it appears to be from a server different than your own so it's possible you may need to find a replacement if the script you previously used is no longer being hosted.

           

            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices