Material Box

Material Box is the Materialize implementation of a lightbox to display images.

Source


<?= \macgyer\yii2materializecss\widgets\media\MaterialBox::widget([
    'imageSrc' => '/img/sample-materialbox.jpg',
    'imageCaption' => 'Gray fixie bike leaning on black wall',
    'imageOptions' => ['class' => 'responsive-img'],
]) ?>


<div id="w0">
    <div class="material-placeholder">
        <img class="responsive-img materialboxed" src="/img/sample-materialbox.jpg" alt="Gray fixie bike leaning on black wall" data-caption="Gray fixie bike leaning on black wall">
    </div>
</div>

Rendered result

Gray fixie bike leaning on black wall

Photo by Robert Bye @ Unsplash

View source in repository