efeito carrocel utilizando php.

[Junior Varoni 9]

Boa tarde pessoal, estou buscando um efeito para meu site e não sei como faze-lo e nem como começar a procura-lo.

 

Gostaria de fazer um efeito estilo carrocel em uma listagem em meu site, que exiba 3 produtos e tenha um botão para que quando clicar, exiba mais 3 produtos.

 

Igual no site walmart.com.br. que em telefonia pro exemplo, ele exibe 3 modelos de telefone, e ao clicar na seta, ele exibe mais 3.

 

 

Não busco código pronto. Só quero saber por onde eu devo começa a procurar, algum tutorial, documentação ou qualquer coisa do tipo.

 

Muito obrigado pela atenção.

[Beraldo 864]

Isso não é PHP. É CSS e Javascript

 

Uma opção é o Carousel do Bootstrap. Veja:

 

http://getbootstrap.com/javascript/#carousel

http://www.w3schools.com/bootstrap/bootstrap_carousel.asp

http://getbootstrap.com/examples/carousel/

[RodriAndreotti 25]

Tem também o JcarouselLite - para jquery

 

Na realidade você encontrará vários sliders para jquery.

[Junior Varoni 9]

Sim, eu estou utilizando o carrosel do bootstrap, mas a minha duvida é, como vou listar 3 produtos do meu BD definindo por algum parametro que eu quiser, e quando aperta a setinha ele continuar a exebir mais 3 produtos com esse mesmo parametro? mesmo esquema de listagem, porem fazer ela de forma dinamica usando o carousel.

[RodriAndreotti 25]

Então cara,

 

O carousel do bootstrap eu não conheço, mas o jcarousel lie vc consegue definir quantos "itens" ficarão visíveis, sendo assim, ele faria isso que você procura.

 

Encontrei esse tópico no stackoverflow, que pode ser útil.

http://stackoverflow.com/questions/19839103/twitter-bootstrap-carousel-with-many-active-items

 

Abraços

[Beraldo 864]

Veja:

 

http://www.phpgang.com/dynamic-image-slider-using-twitter-bootstrap-php-with-mysql_471.html

http://stackoverflow.com/questions/12314800/twiiter-bootstrap-carousel-making-dynamic-with-php

[Junior Varoni 9]

Veja:

 

http://www.phpgang.com/dynamic-image-slider-using-twitter-bootstrap-php-with-mysql_471.html

http://stackoverflow.com/questions/12314800/twiiter-bootstrap-carousel-making-dynamic-with-php

 

no meu caso o que quero fazer esse efeito é dentro de uma div, mais expecificadamente nesse codigo:

<section class="chegou">

            <article class="box_chegou">

                <h5><span class="glyphicon glyphicon-star" aria-hidden="true"></span> As melhores ofertas para você</h5>

                <img src="img/logo_pracar_inverse.png" width="180px">

                    <h6>Você nos visitou então preparamos essas ofertas.</h6>

             </article>

            <?php

        $produto = listar("produto", $parametros = ' order by codigo desc limit 3');        

        $a = new ArrayIterator($produto);

        while ($a->valid()){

        ?>
 
EXATAMENTE NESSA PARTE DO CODIGO ABAIXO


        <a href="#"><article id="box_container_chegou">

        <div id="box_chegou">

            <img src="fotos/produto/<?php echo $a->current()->foto; ?>"width="160" height="130">

            </figure>

            <h4><?php echo $a->current()->descricao; ?></h4><br>

            <span class="preco"><strong><?php echo $a->current()->precoVenda; ?></strong></span>

            

        </div>

        </article></a>

        <?php $a->next(); } ?>

é possivel isso fazendo com o bootstrap?