Ir para conteúdo
Fórum Script Brasil
  • 0

CSS + PHP imagens randomicas

xinaidao

Perguntado por xinaidao,

 Share

Pergunta

xinaidao

xinaidao

Postado
Postado (editado)

Boa tarde pessoal.

A dúvida é básica, estou começando a estudar sobre web dinâmica.

Minha dúvida é a seguinte: tenho um site feito em css html, que exibi boxes de produtos. Fiz uma conexão com banco de dados pelo phymyadmin, e criei uma tabela de foto, descrição e preço do produto para fazer com que toda a vez que o usuário abra a página sejem exibidos novos produtos.

o que eu quero saber é, como vocês fazem pra "juntar" tudo isso??

segue abaixo as caixas de produtos na página principal..

<div id="corpoA">

<div class="box_produto" align="center"> <!-- "span" elemento neutro(não add semântica) -->

<span class="imagem"> <a href=""><img src="imagens/elet/notebook.jpg" height="100" > </a> </span>

<p><span class="descricao"> Sony Vaio S7685 i7, 1TB </span></p>

<span class="preço"> R$ 1999,90 à vista <a href=""><img src="imagens/cart_add.png" height="30"> </a></span>

</div>

<div class="box_produto" align="center">

<span class="imagem"><a href=""><img src="imagens/elet/monitor.jpg" height="100" ></a></span>

<p><span class="descricao"> Monitor LG 21,5 Full HD </span></p>

<span class="preço"> R$ 559,00 à vista <a href=""><img src="imagens/cart_add.png" height="30"></a></span>

</div>

<div class="box_produto" align="center">

<span class="imagem"> <a href=""><img src="imagens/elet/celular.jpg" height="100"></a></span>

<p><span class="descricao"> Celular Samsung Galaxy S2</span></p>

<span class="preço"> 1200 à vista <a href=""><img src="imagens/cart_add.png" height="30"> </a></span>

</div>

<div class="box_produto" align="center">

<span class="imagem"><a href=""><img src="imagens/elet/impressora.jpg" height="100"></a></span>

<p><span class="descricao"> Impressora e copiadora HP D567 </span></p>

<span class="preço"> R$ 399,00 <a href=""><img src="imagens/cart_add.png" height="30"></a></span>

</div>

<div class="box_produto" align="center">

<span class="imagem"><a href=""><img src="imagens/elet/iphone.jpg" height="100"></a></span>

<p><span class="descricao"> Impressora e copiadora HP D567 </span></p>

<span class="preço"> R$ 399,00 <a href=""><img src="imagens/cart_add.png" height="30"></a></span>

</div>

<div class="box_produto" align="center">

<span class="imagem"><a href=""><img src="imagens/elet/monitorlg.jpg" height="100"></a></span>

<p><span class="descricao"> Impressora e copiadora HP D567 </span></p>

<span class="preço"> R$ 399,00 <a href=""><img src="imagens/cart_add.png" height="30"></a></span>

</div>

</div>

E O CÓDIGO PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<html>

<head>

<title> Giga Informática </title>

<link href="estilos.css" rel="stylesheet" type="text/css">

</head>

<body>

<?php

require("conexao.php");

$sql = "SELECT * FROM imagens";

$limite = mysql_query("$sql");//verifica o limite da tabela

//loop para exibir os dados da tabela

while ($sql = mysql_fetch_assoc($limite)){

$foto = $sql["foto"];

$descrição = $sql["descrição"];

$preço = $sql["preço"];

//mostra os dados na tela

}

echo $preço;

?>

</body>

</html>

como eu faço para o arquivo css chamar o php e exibir na tela coisas??

abração

Editado por xinaidao
Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0
Nosreve

Nosreve

Postado
Postado

Opa!

peguei tudo da tabela imagens na variavel pegaImagens

depois separei em linhas com o mysql_fetch_array na variavel sql, dentro do while,

depois basta exibir tua div box_produto, e como esta dentro do while tua div, ela vai se repetir até que seja mostrado todas linhas da tabela imagens

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> Giga Informática </title>
    <link href="estilos.css" rel="stylesheet" type="text/css">
</head>

<body>
    <div id="corpoA">
        <?php
            require("conexao.php");
            $pegaImagens = mysql_query("SELECT * FROM imagens");
            while ($sql = mysql_fetch_array($pegaImagens)){
                $foto = $sql['foto'];
                $descrição = $sql['descrição'];
                $preço = $sql['preço'];
        ?>
                <div class="box_produto" align="center">
                    <span class="imagem"> <a href=""><img src="<?php echo $foto; ?>" height="100"></a></span> 
                    <p><span class="descricao"><?php echo $descricao; ?></span></p>    
                    <span class="preço"> <?php echo $preço; ?> <a href=""><img src="imagens/cart_add.png" height="30"> </a></span>    
                </div>
        <?php
            }
        ?>
    </div>
</body>
</html>

acho que era isso que tu queria, ou não?

Link para o comentário
Compartilhar em outros sites
  • 0
xinaidao

xinaidao

Postado
  • Autor
Postado
Opa!

peguei tudo da tabela imagens na variavel pegaImagens

depois separei em linhas com o mysql_fetch_array na variavel sql, dentro do while,

depois basta exibir tua div box_produto, e como esta dentro do while tua div, ela vai se repetir até que seja mostrado todas linhas da tabela imagens

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> Giga Informática </title>
    <link href="estilos.css" rel="stylesheet" type="text/css">
</head>

<body>
    <div id="corpoA">
        <?php
            require("conexao.php");
            $pegaImagens = mysql_query("SELECT * FROM imagens");
            while ($sql = mysql_fetch_array($pegaImagens)){
                $foto = $sql['foto'];
                $descrição = $sql['descrição'];
                $preço = $sql['preço'];
        ?>
                <div class="box_produto" align="center">
                    <span class="imagem"> <a href=""><img src="<?php echo $foto; ?>" height="100"></a></span> 
                    <p><span class="descricao"><?php echo $descricao; ?></span></p>    
                    <span class="preço"> <?php echo $preço; ?> <a href=""><img src="imagens/cart_add.png" height="30"> </a></span>    
                </div>
        <?php
            }
        ?>
    </div>
</body>
</html>

acho que era isso que tu queria, ou não?

opa... era mais ou menos isso que estava querendo

vlw mano

só as fotos não estão saindo.. alguém pode me ajudar?

Link para o comentário
Compartilhar em outros sites
  • 0
Nosreve

Nosreve

Postado
Postado

mas como tu esta gravando a foto no banco?

tem que ser exatamente o caminho dela seguido do nome e da extensao

ou no link você coloca o caminho dela

<img src="caminho_da_foto/<?php echo $foto; ?>" height="100">

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...