I'm attempting to create a simple slideshow with HTML / CSS / Jquery. I followed this tutorial -
Here's my page (the slideshow is on the bottom image):
If you hover over the left or right side of the bottom image, you'll see you can advance the images upon clicking. So the slideshow is functional - however there are supposed to be forward/back arrow buttons on the left and right that are hidden for some reason. (These are in the image file "slideshow-btns.png").
I tried changing the z-index on the button and adding one to the slideshow itself, but it did nothing. Here's a sample of the button style:
Any idea how I can get it to show?
OK. Start by fixing your code errors.
You have a malformed comment starting on line 27 and ending on line 51 that's causing some problems.
Ok - I went through and fixed almost every error showing up in the validation, but it didn't seem to do anything.
Line 30, Column 17: character "<" is the first character of a delimiter but occurred as data
if (current <= 0)
But I copied this code exactly from the tutorial which works, so not sure if that's anything to do with why the buttons are hidden - I assume this would be a CSS issue?