slider - UIKit Lightbox next button not working properly -
i'm setting slider lightbox images inside, can see bigger picture. problem comes when image fullscreen. need press next button 3 times in order next image. don't know went wrong, console throws no error.
i've put whole template in codepen:
<div data-uk-slider class="uk-slidenav-position"> <div class="uk-slider-container uk-container-center"> <ul class="uk-slider uk-grid" data-uk-grid-match> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></a></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> <li><a class="uk-display-block" href="" data-uk-lightbox="{group:'gallery'}"><img src=""/></li> </ul> </div> <a href="" class="uk-slidenav uk-slidenav-previous" data-uk-slider-item="previous"></a> <a href="" class="uk-slidenav uk-slidenav-next" data-uk-slider-item="next"></a> </div>
so, apparently i'm blind , not see hadn't closed of tags. putting in place made work!
Comments
Post a Comment