在动态图像加载时刷新owl-carousel2

时间:2018-10-26 10:54:58

标签: javascript php yii owl-carousel

我需要根据PHP提供的图像数组,动态显示数据表中<td>内的图像轮播。现在我只有一堆所有的图像。
在线搜索我并没有打算在加载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>

这是我尝试重新加载的

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

任何帮助将不胜感激

0 个答案:

没有答案