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


Introductie

De CSS framework slideshow is een eenvoudige slider.

Er zijn veel meer uitgebreide sliders op het internet, gratis of betaald, maar het nadeel hiervan is vaak de ingewikkelde code en het geheugengebruik.

Ik ga er graag van uit dat de eenvoudige aanpak vaak behoorlijk goede dingen oplevert. Je kunt er natuurlijk over discuteren ...


Klik op de Class naam om deze te kopiƫren.

slider Hoofd class voor het slideshow blok
content Class om tekst toe te voegen
next Class voor het tonen en beheren van de volgende knop
prev Class voor het tonen en beheren van de vorige knop

Voorbeeld Slideshow pc - laptop

Voorbeeld mobiel

Voorbeeldcode:

<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