Jump to content
Fórum Script Brasil
  • 0

Duvida ? < Foto anterior II Próxima Foto >


STUDDIO

Question

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 to post
Share on other sites

5 answers to this question

Recommended Posts

  • 0

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 to post
Share on other sites
  • 0

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 to post
Share on other sites
  • 0
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 to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Cloud Computing


  • Forum Statistics

    • Total Topics
      148691
    • Total Posts
      644531
×
×
  • Create New...