как использовать пользовательские опции в materialize css materialbox

Question

Я пытаюсь вызвать обратный вызов при увеличении и уменьшении изображения, но функция не вызывается, пожалуйста, помогите

$('.materialboxed').materialbox({
            onOpenStart: function(){
                imgZoomIn()
            },
            onOpenEnd: function(){
                imgZoomOut()
            }
        });

Answer 1

Следующее не работает для меня, поэтому мне пришлось обновить мои материализованные ссылки на это, на самом деле я просто добавил с помощью ссылки на локальные файлы materizalize.min:

 <!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">

<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script>

И затем, только инициализируйте так (для jquery):

$('.materialboxed').materialbox({
    inDuration:275,
    outDuration:200,
    onOpenStart: function() {console.log("onOpenStart");},
    onOpenEnd: function() {console.log("onOpenEnd");},
    onCloseStart: function() {console.log("onCloseStart");},
    onCloseEnd: function() {console.log("onCloseEnd");}
});

Answer 2

Хочешь что-нибудь подобное?

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css" rel="stylesheet" />

<img class="materialboxed" width="650" src="https://www.jqueryscript.net/images/Universal-Placeholder-Text-Lorem-Ipsum-Generator-getlorem.jpg">

Запустите проверенный код, проверенный.