Depois de muita labuta consegui montar um esquema de rolagem de imagens com links, na verdade é um carrossel de imagens.
Está perfeito, não fosse um detalhe: o carrossel não roda.
Basicamente ele funciona assim: há uma pasta onde estão todas as imagens dos produtos, porém eu preciso exibir uma lista de categorias, e para cada categoria, um "carrossel" em que cada imagem tem um link para o respectivo produto. Assim, as imagens são selecionadas e separadas através de SELECT's e exibidas em um while, que está dentro de uma div. Tentei usar algumas dicas postadas aqui, mas todas sem sucesso. O que chegou mais perto do que eu preciso é o que está em http://www.metalnox....s_pai-ls-27.php
Segue trechos do código:
<!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=iso-8859-1" /><?php include("_scripts.php"); ?><title><?php print(htmlentities($page[getIdioma($idioma)]['title'])); ?></title><style type="text/css"> @import url("css/style.css");</style> <script src="lib/prototype.js" type="text/javascript"></script> <script src="lib/effects.js" type="text/javascript"></script> <script src="dist/carousel.js" type="text/javascript"></script> <link href="themes/carousel/prototype-ui.css" rel="stylesheet" type="text/css" /></head>...<td height="30" ><div align="center" style="padding:10px 25px 10px 35px"> <?php //seleciona imagens dos produtos $conProdutos = mysql_query("SELECT * FROM produtos WHERE produtos_categorias_id = '{$row['id']}'" ); if(mysql_num_rows($conProdutos)>0) while($rowProdutos = mysql_fetch_assoc($conProdutos)) { ?> <a href="produtos-int.php?id=<?php print($rowProdutos['id']); ?>"><img src="imagens/produtos/enviadas/<?php print($rowProdutos['id']); ?>.jpg" alt="<?php print($rowProdutos['nome']); ?>" width="61" height="67" /></a> <?php } else $consulta_filhos = mysql_query("SELECT * FROM produtos_categorias WHERE pai = '{$row['id']}' "); while($row_lista_filhos = mysql_fetch_assoc($consulta_filhos)) { ?> </div> </td> </tr> <tr> <td height="30" style="padding:10px 30px" ><div class="titulo_5_2"><a href="produtos-ls.php?id=<?php print(htmlspecialchars($row_lista_filhos["id"])); ?>"><?php print(htmlspecialchars($row_lista_filhos["nome"])); ?></a> <br /> </div></td> </tr> <tr> <td height="30" > <div align="center" style="padding:10px 25px 10px 40px"> <div id="horizontal_carousel"> <div class="previous_button"></div> <div class="container"> <?php $con_produtos_filhos = mysql_query("SELECT * FROM produtos WHERE produtos_categorias_id = '{$row_lista_filhos['id']}'" ); ?> <?php while($row_produtos_filhos = mysql_fetch_assoc($con_produtos_filhos)) { ?> <a href="produtos-int.php?id=<?php print($row_produtos_filhos['id']); ?>"><img src="imagens/produtos/enviadas/<?php print($row_produtos_filhos['id']); ?>.jpg" alt="<?php print($row_produtos_filhos['nome']); ?>" width="61" height="67" /></a> <?php } ?> </div> <div class="next_button"></div> </div> <!--fecha div carrossel--> <?php } ?> </div> <?php } ?></td>
Eu também fiz o upload do exemplo que eu achei na net. O exemplo funciona perfeitamente, porém as imagens são estáticas. Oque não é o meu caso. o endereço do exemplo é este: http://www.metalnox...._carousel.html
Edição feita por: Valderes Zimmer, 22/05/2009, 13:23.