Image Slider

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slider>

<ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-4@m">
<li>
<img src="https://placehold.co/400x600/123/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>1</h2></div>
</li>
<li>
<img src="https://placehold.co/400x600/234/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>2</h2></div>
</li>
<li>
<img src="https://placehold.co/400x600/456/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>3</h2></div>
</li>
<li>
<img src="https://placehold.co/400x600/678/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>4</h2></div>
</li>
<li>
<img src="https://placehold.co/400x600/789/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>5</h2></div>
</li>
<li>
<img src="https://placehold.co/400x600/89a/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>6</h2></div>
</li>
<li>
<img src="https://placehold.co/400x600/9ab/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>7</h2></div>
</li>
<li>
<img src="https://placehold.co/400x600/abc/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>8</h2></div>
</li>
<li>
<img src="https://placehold.co/400x600/bcd/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>9</h2></div>
</li>
<li>
<img src="https://placehold.co/400x600/cde/333?text=Imagen" width="400" height="600" alt="">
<div class="uk-position-center uk-panel"><h2>10</h2></div>
</li>
</ul>

<a class="uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slider-item="previous"></a>
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slider-item="next"></a>

</div>