Ir para o conteúdo

Sistema de Imagens Aleatórias

Este tutorial mostra como criar um sistema de mostra uma imagem aleatória a cada carregamento de página.

Criação da base de dados

CREATE DATABASE IF NOT EXISTS `GaleriaFotos`;

Tabela para guardar as ligações das imagens:

CREATE TABLE `imagens` (
  `id_imagem` int(11) NOT NULL auto_increment,
  `url` varchar(250) default NULL,
  `descricao` varchar(250) default NULL,
  PRIMARY KEY  (`id_imagem`)
);

Inserir umas imagens para testar:

USE DATABASE galeriaFotos;

INSERT INTO imagens (url, descricao) VALUES ("http://www.mysql.org/common/logos/mysql_100x52-64.gif","Logotipo do MySQL");
INSERT INTO imagens (url, descricao) VALUES ("http://static.php.net/www.php.net/images/php.gif","Logotipo do PHP.net");

Código HTML e PHP

<?php
       $hostname = "localhost";
       $database = "galeriaFotos";
       $username = "utilizador";
       $password = "password";

       $connection = mysql_pconnect($hostname, $username,  $password) or trigger_error(mysql_error(),E_USER_ERROR);

       mysql_select_db($database, $connection);
       $query_rcsImagem = "SELECT imagem, descricao FROM imagens ORDER BY RAND() LIMIT 1";
       $rcsImagem = mysql_query($query_rcsImagem, $connection) or die(mysql_error());
       $row_rcsImagem = mysql_fetch_assoc($rcsImagem);
?>
       <html>
                <head>
                <title>Imagem Aleatoria guardada em base de dados MySQL</title>
                </head>
                <body>
                <table width="500" border="0" cellspacing="0" cellpadding="0">
                     <tr>
                        <td>
                            <div align="center">
                               <img src="<?php echo $row_rcsImagem['url']; ?>">
                            </div>
                        </td>
                     </tr>
                     <tr>
                        <td>
                            <div align="center">
                                <?php echo $row_rcsImagem['descricao']; ?>
                            <div>
                        </td>
                     </tr>
                 </table>
                 </body>
         </html>