CSS Only Vertical Image Slider with Thumbnails

CSS Only Vertical Image Slider with Thumbnails

Worried about licensing?

Do you have right license for your templates and fonts?

Head over to our partner Envato Elements and unlock unlimited downloads of over 50 million digital assets with full commercial licensing.

  • 50+ Million Assets with Unlimited Downloads
  • Templates, Addons, Fonts, Footage, Photos, Brushes, Presets & More
  • Full Commercial licensing for client work

Get ultimate peace of mind!

Get Started Now
image slider pure css
Image: CSS Only Vertical Image Slider with Thumbnails GIF

In this CSS only snippet you have a vertical image slider with thumbnails on the right, you can click on an image thumbnail and jump to that image in the slider. Designed by Chen Hui Jing.

If you are having trouble with the pen, try the archived copy on GitHub

Vertical Slider Snippet

See the Pen Responsive CSS vertical slider with thumbnails by Chen Hui Jing (@huijing) on CodePen.0

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.