Forums

Portfolio Slideshow
Prev/next images and make inactive one lighter (4 posts)

  1. 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.

  2. 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.

  3. Dalton Rooney
    Member
    Posted 1 year ago #

    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

  4. machination
    Member
    Posted 1 year ago #

    Thanks, Dalton. I'll give it a go.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic