machination
Member
Posted 1 year ago #
Thanks for the great plugin.
Say you're on the first image in the slideshow, and you're using images for the "previous" and "next" functionality.
I want the user to be able to tell they can't click "previous" when they're on the first image because there's nothing there. Only the "next" button would be active. Is there a way (perhaps with javascript or PHP) to make the opacity of the inactive "previous" or "next" image lower?
Thanks.
machination
Member
Posted 1 year ago #
FYI: to replace "previous" and "next" with images, I put the image URL in "div.slideshow-nav a.slideshow-prev" and put "display: block" in ".slideshow-prev".
If the "inactive" option I want is not possible, I'll just stick to the current set-up. At least it keeps cycling though indefinitely.
Hey there,
Take a look at the "Disable slideshow wrapping" option, that adds an inactive class to the next and previous links when appropriate. I think it should work fine if you replace those links with images. If you want a further example, we've already implemented this in the Pro version, feel free to take a look at the JS and CSS: http://demo.madebyraygun.com/portfolio-slideshow/archives/33
Cheers,
Dalton
machination
Member
Posted 1 year ago #
Thanks, Dalton. I'll give it a go.