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/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 que con el tablepager se cambien las imágenes, cómo lo hago?
De momento he conseguido 1x1 que se vaya pasando 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>