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

Duvida ? < Foto anterior II Próxima Foto >

STUDDIO

Perguntado por STUDDIO,

 Share

Pergunta

STUDDIO

STUDDIO

Postado
Postado

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 Funcionamento ... tenho uma pagina 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 cetro 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 

 

 

 

 

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
Leonardo Persan

Leonardo Persan

Postado
Postado

Se você não estiver estudando e só quiser essa funcionalidade... https://kenwheeler.github.io/slick/

Outra você deveria criar uma tabela nova para as fotos dos produtos

CREATE TABLE tb_produtos_imagens (
    id INT UNSIGNED AUTO_INCREMENT NOT NULL,
    produto_id INT UNSIGNED NOT NULL,
    imagem VARCHAR(255) NOT NULL,
    PRIMARY_KEY(id)
);

E apagar o campo "imagem" em tb_produtoss

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

STUDDIO

Postado
  • Autor
Postado

Ola tudo bem !

Muito obrigado pela dica vou tentar implementar a funcionalidade pois o sistema já está 100% queria mesmo era dar essa implementada para o pessoal que visualizar as fotos não precise sempre clicar na miniatura para trocar a foto maior.

Muito agradecido pela dica agora vamos la ver se consigo ✔️

Agora, STUDDIO disse:

Ola tudo bem !

Muito obrigado pela dica vou tentar implementar a funcionalidade pois o sistema já está 100% queria mesmo era dar essa implementada para o pessoal que visualizar as fotos não precise sempre clicar na miniatura para trocar a foto maior.

Muito agradecido pela dica agora vamos la ver se consigo ✔️

 

A ideia seria essa abaixo na imagem poder trocar a imagem grande clicando nas setas por exemplo.

2019-11-01_145526.jpg

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

STUDDIO

Postado
  • Autor
Postado
Em 01/11/2019 em 14:17, Leonardo Persan disse:

Se você não estiver estudando e só quiser essa funcionalidade... https://kenwheeler.github.io/slick/

Outra você deveria criar uma tabela nova para as fotos dos produtos

CREATE TABLE tb_produtos_imagens (
    id INT UNSIGNED AUTO_INCREMENT NOT NULL,
    produto_id INT UNSIGNED NOT NULL,
    imagem VARCHAR(255) NOT NULL,
    PRIMARY_KEY(id)
);

E apagar o campo "imagem" em tb_produtoss

.

Infelizmente não estou conseguindo chamar o SLICK
creio que não estou fazendo corretamente o scrpit na head
pois o thumb abre a imagem em uma nova aba ☹️

.

.

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,3k
    • Posts
      652,5k
×
×
  • Criar Novo...