flag
X logo
Menu
Home Icons Contact
Docs
Typography
Responsive
Containers Grid Align Display
Navigation
Topnav Sidenav Slide down nav Verticale nav Fullscreen nav Buttons Pagination
Pictures
Images Animation Parallax Sliteshow Thumbnail
Helpers
Helpers Padding Margin
More
Accordion Borders Cards Colors Form List Popup modal Table Tooltips

Sliteshow


Introduction

The CSS framework slideshow is a simple slider.

There are many more extensive sliders on the internet, free or paid, but the disadvantage of this is often the complicated code and memory consumption.

I like to assume that the simple approach often yields pretty good things. You can of course discuss this ...


Click on the Class name to copy it.

slider Main class for the slideshow
content Class to add text
next Class for showing and managing next button
prev Class for showing and managing previous button

Example Slideshow pc - laptop

Example mobile

Example code:

<div class="slider">
  <div style="display: inline-block;">
    <img src="images/002.jpg"/>
    <span class="content">Slide one</span>
  </div>
  <div>
    <img src="images/003.jpg"/>
    <span class="content">Slide two</span>
  </div>
  ....
  ....
  ....
  ....
  ....
  <button class="next"></button>
  <button class="prev"></button>
</div>


© Copyright by Web Henkie
All right reserved
Webmaster