[Resolvido] prettyPhoto

[cgsbr 0]

Oi pessoal,

 

É o seguinte, estou testando um template com jquery.prettyPhoto.js com formatação em .css, no template original havia várias imagens que ao clicar abre o lightbox, eu entrei no código html e deletei o que queria deixando apenas quatro imagens, quando abro a página acontece o seguinte:

 

- as imagens se repetem em linha horizontal, ou seja cada imagem se multiplica por quatro;

- o outro produto só aparece na próxima linha também multiplicado por quatro.

 

ver a imagem:

 

 

Minha dúvida é, esta é uma configuração do prettyPhoto ou é configuração no css?

[cgsbr 0]

Ok pessoal,

 

Resolvi a minha dúvida, na verdade não tem nada a ver com .js ou .css, na verdade era HTML, era preciso apenas organizar o fechamento das <div>, como segue:

 

<div class="p4">
             <figure><a class="lightbox-image" href="images/slider-img2.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="images/page3-img5.jpg" alt=""></a></figure>
             <h5>Serviços de Motoboy </h5>
             <p class="p1">Versatilidade e rapidez, economize tempo e dinheiro. Motoboy disponível 24h, para qualquer tipo de serviço.</p>
             <p class="p2"><strong class="color-2">Aproveite</strong></p>
             <a class="button-1" href="#">Add to Cart</a></div><!--esta <div> estava fechada-->

     <div class="p4">
           <figure><a class="lightbox-image" href="images/slider-img3.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="images/page3-img2.jpg" alt=""></a></figure>
           <h5>Terceirização de serviços em geral</h5>
           <p class="p1">Terceirizamos mão de obra qualificado para, limpeza e conservação, portaria, recepcionista, entre outros.</p>
           <p class="p2"><strong class="color-2">Aproveite</strong></p>
           <a class="button-1" href="#">Add to Cart</a></div><!--esta <div> estava aberta-->

<div class="p4">
                 <figure><a class="lightbox-image" href="images/slider-img2.jpg" data-gal="prettyPhoto[prettyPhoto]"><img src="images/page3-img5.jpg" alt=""></a></figure>
                 <h5>Última Caixa </h5>
                 <p class="p1">Versatilidade e rapidez, economize tempo e dinheiro. Motoboy disponível 24h, para qualquer tipo de serviço.</p>
                 <p class="p2"><strong class="color-2">Aproveite</strong></p>
                 <a class="button-1" href="#">Add to Cart</a> </div><!--esta <div> estava aberta-->