[Plugin: Portfolio Slideshow] Prev/next images and make inactive one lighter

  • Resolved machination

    (@machination)


    15 years 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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter machination

    (@machination)

    15 years 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.

    Plugin Contributor Dalton Rooney

    (@daltonrooney)

    15 years 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

    Thread Starter machination

    (@machination)

    15 years ago

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

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘[Plugin: Portfolio Slideshow] Prev/next images and make inactive one lighter’ is closed to new replies.