Обновление owl-carousel2 при динамической загрузке изображения - PullRequest
Новая
       14

Обновление owl-carousel2 при динамической загрузке изображения

0 голосов
/ 26 октября 2018

Мне нужно показать карусель изображений внутри <td> в dataTable динамически, основываясь на массиве изображений, предоставленных PHP. Прямо сейчас все, что я получил, является стеком всех изображений.
Поиск в Интернете Я не понял, мне нужно перезагрузить карусель ПОСЛЕ того, как все изображения в td загружены, но я не знаю как.

Вот мой HTML: 

<?php foreach ($intest as $int) {
            if (is_array($int['cartella'])) {
                foreach ($int['cartella'] as $cartella){ ?>
                    <td><div class="owl-carousel owl-theme prova" >
                   <?php $files =  "images/" . Yii::app()->session['dominio']."/".$row['num_registraz']."/". $cartella."/";
                    //CVarDumper::dump($file);
                    if(is_dir($files)){ 
                        if ($dh = opendir($files)) {
                            while (false !== ($file = readdir($dh))) {
                                if($file == '.' || $file == '..'){
                                    continue;
                                }
                                $ext = strtolower(pathinfo($file, PATHINFO_EXTENSION));
                                if ($ext=='jpg' || $ext=='jpeg' || $ext=='png' || $ext=='gif'){?> 
                                <img class="mia" src="<?= $files.$file ?>">
                                <?php } else if ($ext == 'pdf'){ ?>
                                <div>File PDF</div>
                                <?php }  else if ($ext == 'doc' || $ext =='docx') {?>
                                <div>File DOC</div>
                                <?php } else {?>
                                <div>Unsupported file</div>
                                <?php } } } }else if (!is_dir($files)){ ?>
                                    No foto
        <?php } } } } } ?>
                    </div></td>

А вот Javascript, который я пытался перезагрузить 

var car = $('#prova');
        car.on('load', function(){
            car.trigger('destroy.owl.carousel');
            car.owlCarousel({
               'items':1
            });
        });

Любая помощь будет принята с благодарностью

...