Logo TA Pagination

A light-weight (6,5kB), responsive and mobile first content, article and product pagination based on Tailwind CSS and Alpine JS.

Move Flip Room Snake Swipe Window

(Choose your favorite animation style and see the magic happening.)

Lazy TA-Pagination

Based on the default content pagination or every other type of pagination you want, just add pagination__lazy to the image, add the real image url to the data-src attribute and add the url to your favorite loading animation in the src attribute -> DONE!

  
    <div class="pagination__image">
  <img
    src="https://picsum.photos//320/240?random=0"
    data-src="https://picsum.photos//320/240?random=0"
    alt="Unus lorem ipsum dolor"
    class="pagination__lazy"
    title="Image Title">
</div>  

TA-Pagination will remove the pagination__lazy class after the image was loaded.

Copyright © 2019-2020 Markus A. Wolf - www.markusantonwolf.com

IMPRINT | PRIVACY

TA-Pagination is licensed under the MIT license, see LICENSE for details.