PHP OO Php + Javascript

[gabybacigaluppe]

Hola gente, como están?
Soy Gaby, nueva en el foro...
Los encontré buscando la solución a un problemita que se me presentó...

Manejo lo básico (o quizá menos) de PHP... hago altas, bajas y modificaciones pero siguiendo un sitio ejemplo que hice hace un tiempo. El tema es que ahora una diseñadora me pidio un slide de fotos jquery (easyslider) pero que lea las fotos de la base... y me complicó.

Lo que hace el Easyslider es una lista de la siguiente forma:

Código:

<ul>
   <li> <img src="img/home-slide/foto2.jpg"/> </li>
   <li> <img src="img/home-slide/foto3.jpg"/> </li>
</ul>

Donde cada LI es una de las imagenes que corren en el slide...

Con este codigo yo logro que me lea de la base una foto por LI:

Código:

          
<ul>
        <?php while($row = mysql_fetch_array($result)) { ?>
        <li><img src="press/<?php echo ($row ['press']);?>"/></li>
        <?php } ?>
</ul>

Lo que yo quisiera es que... me muestre 3 fotos por li.
o sea.. que se abra el LI, me muestre 3 registros, cierre el li, abra otro y arranque de nuevo... hasta que ya no haya fotos q mostrar.
Supongo que yo q es con un bucle... pero no me sale! :(

Me podrán ayudar? se entendió la idea?

Gracias!!!

[gfuentes]

Facil, tienes que crear dos variables antes y ademas tener el total de elementos que vienen de la consulta, para que puedas hacer algo como esto .

Código PHP:

<ul>
        <?php 
            $contador=1;$auxiliar=1;
          while($row = mysql_fetch_array($result)) { 
           $total = count($row);
         ?>
         <?php if($auxiliar==1){ ?>
              <li>
        <?php } ?>
      <img src="press/<?php echo ($row ['press']);?>"/>
 
        <?php if($auxiliar%3 || $contador==$total) {
                     $auxiliar=0;
         ?>
                  </li>
         <?php } ?>
        <?php 
            $contador++;$auxiliar++;  
         } ?>
</ul>
 

Necesitas esos dos if para poder validar primero que sea el auxiliar igual a 1 y luego cierras con el auxiliar que debe tener resto 0 para poder agregar la etiqueta de cierre y vuelves a inicializar el auxiliar, si no te funciona me escribes,

Saludos.

[gabybacigaluppe]

Hola! Muchas gracias x tu respuesta...
me lee la foto de la base y me crea nuevos li, pero mi problema es que quiero que me muestre de a 3 fotos por li...

Cuando lo hago en html me queda así cada li.

Código:

            <li>
              <img src="img/reel/foto1.jpg" /><img src="img/reel/foto2.jpg" /><img src="img/reel/foto3.jpg" />
            </li>

me explico??

[gfuentes]

Cual es el codigo que tiene actualmente?, hiciste lo que puse arriba.

Saludos.

[gabybacigaluppe]

Sisi... hice lo que me pusiste arriba y me quedo así

<ul>
<?php
$contador=1;$auxiliar=1;
while($row = mysql_fetch_array($result)) {
$total = count($row);
?>
<?php if($auxiliar==1){ ?>
<li>
<?php } ?>
<img src="press/<?php echo ($row ['press']);?>"/>

<?php if($auxiliar%3 || $contador==$total) {
$auxiliar=0;
?>
</li>
<?php } ?>
<?php
$contador++;$auxiliar++;
} ?>
</ul>


http://www.gabybacigaluppe.com.ar/press.php Este es el archivo!

[Alexis88]

Reúne a todas las imágenes en un array, luego, utiliza la función array_chunk para separarlas en bloques de a 3 y luego procedes a imprimirlas.

Código PHP:

$imagenes = array();
while ($row = mysql_fetch_array($result))
    $imagenes[] = $row ['press'];
 
$bloques = array_chunk($imagenes, 3);
 
foreach ($bloques as $bloque){
    echo "<li>";
    foreach ($bloque as $foto){
        echo "<img src = 'press/$foto' />";
    }
    echo "</li>";
}
 

De este modo, se formarían bloques como estos:

Código HTML:

<li>
    <img src = 'press/foto1.jpg' />
    <img src = 'press/foto2.jpg' />
    <img src = 'press/foto3.jpg' />
</li>
 
<li>
    <img src = 'press/foto4.jpg' />
    <img src = 'press/foto5.jpg' />
    <img src = 'press/foto6.jpg' />
</li>
 
<li>
    <img src = 'press/foto7.jpg' />
    <img src = 'press/foto8.jpg' />
    <img src = 'press/foto9.jpg' />
</li>
 

Saludos

[gabybacigaluppe]

Ayyy no te imaginás lo felíz que me acabas de hacer!!! jaja
Estoy peleando hace días y no había forma de encontrarle la solución...
Anduvo perfectoooo!

Muchisisisisimas gracias a los dossss!!!!!!

[gabybacigaluppe]

Estoy molestando de nuevo con lo mismo... me anduvo bárbaro!!
pero dentro de ese array, como puedo agregar tmb q me muestre la descripción de cada foto q tmb está en la base???
Perdoooon pero soy brutaa :(

[Alexis88]

Se me ocurren varias formas. Una de ellas sería usando un array asociativo para guardar los datos de la ruta de la imagen y la descripción en cada posición del array padre, luego, cuando muestres las imágenes, accedes a ellos por medio de índices.

Código PHP:

$imagenes = array();
while ($row = mysql_fetch_array($result))
    $imagenes[] = array('ruta' => $row ['press'], 'descripcion' => $row['descripcion']);
 
$bloques = array_chunk($imagenes, 3);
 
foreach ($bloques as $bloque){
    echo "<li>";
    foreach ($bloque as $foto){
        echo "<img src = 'press/{$foto[ruta]}' />";
        echo "<label>{$foto[descripcion]}</label>";
    }
    echo "</li>";
}
 

Saludos

[gabybacigaluppe]

Buenisimo Alexis, siempre listo :)

Estaría bien si modifico el código agregandole divs para q se muestre como yo quiero? (arriba de cada foto su descripcion) de esta forma...

<?php
$imagenes = array();
while ($row = mysql_fetch_array($result))
$imagenes[] = array('ruta' => $row ['press'], 'descripcion' => $row['descripcion']);

$bloques = array_chunk($imagenes, 3);

foreach ($bloques as $bloque){
echo "<li>";
foreach ($bloque as $foto){
echo "<div class='cuadro-foto'><img src = 'press/{$foto[ruta]}' width='314' height='390' /></div>";
echo "<div class='descripcion-press'>{$foto[descripcion]}</div>";
}
echo "</li>";
}
?>

Porque lo hago así y me pone todas las descripciones en la primer foto... y no me navega para nada. Es problema del php o lo q agregue no tiene nada q ver?
http://www.gabybacigaluppe.com.ar/press.php

[Alexis88]

Algo me dice que tiene que ver con los estilos, no creo que PHP tenga que ver en esto. Revisa tu hoja de estilos para que veas qué está causando esto. Y por favor, para postear código, usar el respectivo Highlight.

Saludos

[gabybacigaluppe]

Ay perdón :( Gracias de nuevo Alexis...
Saludos