Skip to content

A responsive full-screen image slider that adapts to every screen size.

Notifications You must be signed in to change notification settings

MartyDevelopment/fullscreen-image-slider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Responsive full-screen image slider

This is a working full-screen image slider.

preview of image slider

Feel free to download, modify and use it. :) If you like my work, please consider to credit me. I provided a humans.txt for this slider, which includes my contact details and credits the awesome photographers who shared their pictures for us to use freely. Also note that this slider uses normalize.css and boxsizing.htc - I do not take credit for either!

Working slider example on my website, martybaldus.de

Features

  • responsive
  • adapts to all screen sizes
  • smooth transitions between slides
  • two different animations to indicate end of slides
  • switches between desktop navigation and mobile menu icon, depending on screen- size
    • note that mobile menu content will have to be added programmtically

Slider controls

  • mouse (drag & drop)
  • laptop touchpad
  • finger-swipe on mobile
  • previous/next buttons

Help

If you encounter any issues, please inform me so I can fix them or provide support.