CSS + PHP imagens randomicas

xinaidao · December 10, 2012

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..

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

</div>

<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>

<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>

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

</div>

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

</div>

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

</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>

<head>

<title> Giga Informática </title>

</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

Edited December 10, 2012 by xinaidao

Nosreve · December 10, 2012

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?

xinaidao · December 10, 2012

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?

Nosreve · December 10, 2012

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">

xinaidao · December 10, 2012

estou gravando como blob no phpmyadmin

tipo, o objetivo do script é que se muda as promoções do site e só mudar no banco de dados a imagem..

se eu tiver que especificar no img src o caminho, dai não atende o requisito...

Sign In

CSS + PHP imagens randomicas

Question

xinaidao

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Nosreve

Link to comment

Share on other sites

xinaidao

Link to comment

Share on other sites

Nosreve

Link to comment

Share on other sites

xinaidao

Link to comment

Share on other sites

Join the conversation

Forum Statistics

Browse

Activity