materializecss materialboxed adding prev/next function

as far as i know, materializecss his simple lightbox called “material box” does not offer any “previous/next” function by default.

$('.materialboxed').materialbox();

i would love to get this feature into my project – probably triggering with simple arrows or swipe. im prety good with scss/html but not with jscript to do it alone – have anybody seen somewhere an extension for this already? or could probably give me hint how i could this approach ?

basicly i dynamicly generate something like this in php :

<article><img class="materialboxed" src="pic.jpg"/></article>
<article><img class="materialboxed" src="pic.jpg"/></article>
<article><img class="materialboxed" src="pic.jpg"/></article>

and want to somehow trigger in lightbox fullscreen the next element with js. i could render unique ids to the articles/images if needed . thanks for any help 🙂


Source: stackoverflow-javascript