ccc

Bootstrap: Carrusel

Generar dinámicamente un carrusel con varias imágenes en cada item

 <div class="carousel slide" id="carousel-comunidad" data-interval="false">
    <div class="carousel-inner">
        <?php
        $i=4;
        while ($db1->next_record()) {
            if ($i==4) {
                $activoClass = "active";
            }
            if (($i % 4 == 0) && ($i > 4)) { ?>
                    </div> <!-- row -->
                </div> <!-- item -->
                <?php
            }
            if ($i % 4 == 0) { ?>
                <div class="<?=$activoClass;?> item" data-slide-number="<?= $i/4; ?>">
                    <div class="row">
                    <?php
            }
            $activoClass = "";
            ?>
            <div class="col-sm-3">
                <a href="<?= $db1->Record["web_empresa"]; ?>">
                    <img src="imagenes/empresascomprom/<?= $db1->Record["logo_empresa"]; ?>"
                         title="<?= $db1->Record["nom_empresa"]; ?>"
                         alt="<?= $db1->Record["nom_empresa"]; ?>" class="img-responsive">
                </a>
            </div>
            <?php
            $i++;
        } // while
        // $i--;
        if ($i % 4 != 0) { ?>
                </div> <!-- row -->
            </div> <!-- item -->
        <?php
        }
        ?>
    </div><!--carousel-inner-->

    <?php
    if ($i>8) { ?>
        <!-- Controls -->
        <div class="controls">
            <a class="left carousel-control" href="#carousel-comunidad" role="button" data-slide="prev">&lt; </a>
            <a class="right carousel-control" href="#carousel-comunidad" role="button" data-slide="next">&gt;</a>
        </div><!--controls-->
        <?php
    }
    ?>
</div><!--carousel-->

No hay comentarios:

Publicar un comentario