To get the most out of the new release I added a separate version of TA-Gallery to the repository. With the next major release TA-Gallery will completely switch to Alpine.js V3. If you want to use Alpine.js and TA-Gallery with IE11 support you should stay at the latest Alpine.js version 2.8.2.
Production build Alpine.js V3 support: /dist/js/ta-gallery-next.min.js
Develoment build Alpine.js V3 support: /src/scripts/ta-gallery-next.js
<!-- into <head> -->
<link href="https://unpkg.com/tailwindcss@^2.0/dist/tailwind.min.css" rel="stylesheet">
<script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<link href="https://unpkg.com/@markusantonwolf/ta-gallery@latest/dist/css/ta-gallery.css" rel="stylesheet">
<!-- at the end of <body> -->
<script src="https://unpkg.com/@markusantonwolf/ta-gallery@latest/dist/js/ta-gallery-next.min.js"></script>Since Alpine.js version 3 added with init the first lifecycle hook it is not mandatory anymore to add the init script to the component.
<div
class="ta-gallery ta-gallery-aspect-hd"
x-data="taGallery"
data-item="ta-gallery-element"
data-size="ta-gallery-size"
data-active="ta-gallery-element-active"
data-lazy="ta-gallery-image-lazy"
data-min-height="10rem"
data-start="0"
data-duration="0.3s"
data-origin="false"
data-timing="ease-in-out"
data-autoplay="false"
data-interval="5000"
data-pauseonhover="true"
>
<!-- CONTENT -->
</div>ta-gallery-next is deprecated and will be removed the next major release.
TA Styled Plugins are licensed under the MIT license, see LICENSE for details.
Copyright © 2019-2022 Markus A. Wolf - www.markusantonwolf.com