Skip to main content
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
    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
    Yaël5E15Author
    Known Participant
    June 3, 2021

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

     

    Legend
    June 6, 2021

    Thank you! 


    Your other script is here:

     

    http://malsup.github.io/jquery.cycle.all.js

     

    You just needed to change the link from .com to .io BUT as others have mentioned you need to download the script itself and link to it locally. Plus without any indication that you need to click on the images to loop through them, it's not clear what is supposed to happen so a self-revolving carosuel is probably a better idea or though it could be frustrating because a user may wish to stay longer on a particular image of interest to them, without the arrow buttons they are going to have to wait a long time to get back around to a particular image of interest, so I would recomend you re-instate the arrow buttons for better usability. I know the image is static IF you leave the cursor over the image but that's not obvious whereas the arrows are clear visual indicators.

     

    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.