Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/05/2012, 10:55
Avatar de luna690
luna690
 
Fecha de Ingreso: marzo-2012
Ubicación: Barcelona
Mensajes: 61
Antigüedad: 12 años, 1 mes
Puntos: 3
Hacer galería de imagenes dinámica

Hola!!

Tengo una duda. Quiero hacer una galería de imagenes parecida (o igual) a ésta: http://www.simpleviewer.net/simplevi...amples/modern/

Lo que pasa, es que cuando me he bajado el ejemplo, éste ejemplo trabaja con un XML y a mi me gustaría trabajar con tablas / php mysql / html.

Con lo cual he empezado a hacer la tabla, pero me ha venido un problema en la cabeza. Para hacer una tabla 3x3 con imágenes dinámicas (sacadas de una BD de mysql), cómo lo hago?

De momento he conseguido 1x1 que se vayan pasando las imágenes con el tablepager al llegar a 3 (el máximo de filas que he puesto)...

Código HTML:
<?php 
$id = base64_decode($_GET['b']); 
$galeries = get_galeriesDeMenu($id);
?>

<script type="text/javascript">
	$(document).ready(function() {
		$("table")
			.tablesorter({sortClassAsc: 'headerSortUp',	
				sortClassDesc: 'headerSortDown',
				headerClass: 'header', 
				widthFixed: true, 
				widgets: ['zebra']
			   // debug: false, sortList: [[0, 0]]
			}) 
			.tablesorterPager({
				container: $("#pagerErrors"), 
				positionFixed: false
			});
	});
</script>


<table id="tableGaleria" align="center">
        <thead>
        </thead>
        
        <tbody>
            <?php while ($row = mysql_fetch_assoc($galeries)){ ?>
            <tr>
                <td><img width="80" height="80" src="<?php echo $ruta_fotografiesInici.$row['gal_imag']; ?>" /></td>
            </tr>
            <?php } ?>
        </tbody>
        
        <tfoot class="nav">
             <tr>
                <td id="pagerErrors" class="pager">
                    <img src="estils/tablesorter/first.png" alt="" class="first"/>
                    <img src="estils/tablesorter/prev.png" alt="" class="prev"/>

                    <img src="estils/tablesorter/next.png" alt="" class="next"/>
                    <img src="estils/tablesorter/last.png" alt="" class="last"/>
                    <select style="visibility:hidden;" class="pagesize">
                        <option selected="selected" value="3">3</option>
                    </select>
                </td>
            </tr>
        </tfoot>
        
    </table>