Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

studdiox

Duvida ! < Foto anterior II Próxima Foto >

Recommended Posts

Ola gostaria de poder implementar um código com o que já esta funcionando mas

o  < Foto Anterior  II  Próxima Foto >  não estou conseguindo acho que já queimei os neurônios kkkk

 

Bom o Funcionamento ... tenho uma página que recebe de um GET o id do produto, esse gera as miniaturas das fotos cadastradas e uma foto ampliada no centro,

ao clicar nas miniaturas a foto aparece ampliada no centro....

 

esse centro eu fiz dentro de um iframe pois não consegui fazer diretamente ...

vou postar o cod do iframe que chama a pagina onde essa pega o GET ID e amplia a imagem

 

tudo funcionando até aqui mas não consegui fazer dentro dessa imagem ampliada ela ter a opção de

anterior e próxima ... consegui somente clicando nas miniaturas

 

iframe

<iframe src="zoom.php?id=<?print $codigo_v;?>" name="frame" 
        width="640" marginwidth="0" height="480" marginheight="0" scrolling="no" 
        frameborder="0" hspace="0" vspace="0" id="frame" allowtransparency="true" >
</iframe>

 

Pagina que exibe a foto ampliada dentro do iframe

<?php
       include("con.php");
       $vid=$_GET["id"];
       $vconsulta=mysql_query("SELECT * FROM tb_produtoss WHERE id like '$vid'");
       
       $vdados= mysql_fetch_array ($vconsulta);
		
		if(empty($imagem))
		{
       $imagem=$vdados["imagem"];
       list ($imagem,$foto1,$foto2,$foto3,$foto4,$foto5,$foto6) = split('[;]',$imagem);
		}
				if($imagem == "produtoss/")
	  {
	  	 $imagem="images/noimage.jpg";
	  }
   ?>

<!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" />
<title></title>
<style type="text/css">
<!--
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
-->
</style>
</head>

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
<div align="center"> <img src="thumb.php?imagem=<? print $imagem;?>&x=640' border=" border="0"/> </div>
</body>
</html>

 

Minha ideia era conseguir passar as fotos sem precisar clicar nas miniaturas ☹️

Se alguém puder ajudar agradeço muito pois eu zerei os neurônios até agora 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Consegui chegar até aqui com os thumbs e o iframe

contendo a pagina carregada pelo GET com a imagem ampliada 

mas não estou conseguindo implementar uma solução meio simples que seria o uso do SLICK 

 

2019-11-01_145526.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por ILR master
      Tudo bem pessoal?
       
      No código abaixo, estou fazendo uma consulta nas tabelas, banners e banners_referencia
      Meu objetivo é trazer resultados com valores iguais ao nome da cidade declarada na $cidade ou resultados com a referencia Total.
      O problema é que está trazendo todos os resultados. Tenho 10 linhas, 1 com o nome da cidade e duas com o valor Total, então o resultado teria que ser de apenas 3 linhas, mas mostra tudo.
       
      $banner = "SELECT A.*, B.* FROM banners A, banners_referencia B WHERE B.cod_referencia = A.cod_referencia AND A.cidade = '$cidade' OR B.referencia = 'Total' ORDER BY RAND()";
      $banner = mysqli_query($conexao, $banner) or die ("Banner não encontrado");
      while($busca= mysqli_fetch_array($banner)){
          print $busca['cidade'].'<br>';
      };
       
      Alguém consegue me ajudar?
    • Por Rafael_Ferreira
      Não consigo carregar a imagem do captcha do meu formulário. Foi testado com o xampp e easyphp. Também não carregou a imagem de outros captcha. 
       
       
    • Por luiz monteiro
      Olá.
      Estou atualizando meu conhecimento com Front-End e me deparei com o seguinte problema.
      Criei um sistema para fazer o upload de imagens e alguns campos text.
      Algo bem simples para depois começar a estudar javascript para mostrar a miniatura....
      Mas quando saio do navegador Chrome ou da aba por mais de 3 minutos, ao retornar o navegador as vezes atualiza ou nem chega atualizar mas limpa os campos.
      Estou usando um Smart Motorola com Android, mas um amigo testou no iPhone e acontece a mesma coisa.
      Gostaria de saber se há como usar javascript para evitar isso?
      Agradeço desde já.

      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Uploader</title>
      </head>
      <body>
          <form action="?" method="post" enctype="multipart/form-data">
              <br><br>
              <div>selecione a imagem 1</div>
              <input type="file" name="foto1" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem1">
              
              <br><br>
              <input type="file" name="foto2" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem2">
              
              <br><br>

              <input type="file" name="foto3" accept="image/*">
              <br><br>
              <input type="text" name="nome_imagem3">
              
              <br><br>
              <input type="submit" value="Enviar">
              <br><br>
          </form>
      <?php
      if ($_SERVER['REQUEST_METHOD'] == 'POST')
      {
          vardump ($_FILES);
      }
      ?>
      </body>
      </html>
       
       
       
    • Por belann
      Olá!
       
      Estou usando o nextjs versão 15.2.3 e criei uma navbar que quando é carregado o programa aparece com a home, mas na hora de clicar na página produtos desaparece a navbar.
      A navbar esta sendo chamada no layout.tsx estou usando typescript
      e fica dessa forma
      <div>           <Navbar/>             <main>{children}</main>             </div>  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.