Contador PHP con imágenes

  • 18 de diciembre de 2003
  • Valoración:
  • 1 Comentarios
  • Scripts en PHP
Creación de un contador simple de visitas a una página con el lenguaje PHP, que utiliza imágenes para mostrar el número de accesos.
Aquí les dejo el codigo PHP de un contador mejorado con la inclusión de imágenes para generar el número de visitas en lugar de utilizar texto como se venía realizando en el artículo contador simple de páginas PHP.

Para poner en marcha el ejemplo sólo hay que crear los números del 0 al 9 en formato imagen. Es preferible que los números sean menores a estas propiedades: width="17" height="28"

Otra cosa, parte del código fue tomado de este contador. Lo que he incluido yo es lo que hace que llame a las imágenes, que deben ser nombradas "0.gif", "1.gif", .., "9.gif".

<html>
<head>
<title>Contador PHP con imágenes</title>
</head>

<body>
<?php
$archivo = "contador.txt";
$contador = 0;

$fp = fopen($archivo,"r");
$contador = fgets($fp, 26);
fclose($fp);

++$contador;

$fp = fopen($archivo,"w+");
fwrite($fp, $contador, 26);
fclose($fp);
?>

<table width="102" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<?php

/* Arreglo de 0-9 nombre de los archivos gifs*/
$numero[0]="0.gif";
$numero[1]="1.gif";
$numero[2]="2.gif";
$numero[3]="3.gif";
$numero[4]="4.gif";
$numero[5]="5.gif";
$numero[6]="6.gif";
$numero[7]="7.gif";
$numero[8]="8.gif";
$numero[9]="9.gif";

/*Se crea variable para que contenga la longitud de la cadena*/
/*es a partir de ahí donde se sabe que mostrará el contador en GIFS*/

$longitud = strlen ($contador);

/* Bucles para mostrar los números*/
$hasta = 6-$longitud;

For ($celda = 1;$celda <= $hasta;$celda++)
    {
       echo "<td width=\"17\" height=\"28\" valign=\"top\"><div align=\"center\"><img src=\"$numero[0]\"></div></td>";
    }
$hasta = $longitud-1;
For ($celda = 0;$celda <= $hasta;$celda++)
    {
       $num = substr ($contador, $celda, 1);
       echo "<td width=\"17\" height=\"28\" valign=\"top\"><div align=\"center\"><img src=\"$numero[$num]\"></div></td>";
    }

?>

</tr>
</table>
</div>
</body>
</html>