The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript “Half” Scrolling, Full-screen Image Slideshow

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #36280

    Hello CSSTricks!

    I’m coding a photography site right now. I have a functional, fullscreen, and controllable slideshow, courtesy of Supersized jQuery plugin. The slideshow contains both landscape and portrait photos. Each are horizontally and vertically centered. Each slide transition is a slide-in, slide-out animation.

    I would like each portrait picture to still be centered horizontally on the screen, but I would also like the half of the previous image and half of the next image with the vertical image, so there are no black bars or empty space on the sides of the portrait image.

    Basically, an infinite carousel with no gaps between landscape and portrait photos.

    How would I go about doing this with jQuery?

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.