Ajuda Com Carrossel

Valderes · Maio 22, 2009

Prezados colegas,

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.com.br/pt/teste/categorias_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>
    &lt;script src="lib/prototype.js" type="text/javascript"></script>
    &lt;script src="lib/effects.js" type="text/javascript"></script>
    &lt;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>[/codebox]

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.com.br/pt/teste/carousel/test/functional/carousel/test_carousel.html ://http://www.metalnox.com.br/pt/teste..._carousel.html ://http://www.metalnox.com.br/pt/teste..._carousel.html

Valderes · Maio 25, 2009

Já que ninguém responde, vou reformular a pergunta:

Tem como fazer isso, do jeito que tá explicado aí?

Ou alguém tem uma solução melhor?

Entrar

Ajuda Com Carrossel

Pergunta

Valderes

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Valderes

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades