PHP Fazer um modal de imagem dentro de uma tabela

Luis Felipe Zortea · 19 de junho de 2018

Boa Noite gostaria de fazer um modal de imagem dentro de uma tabela como posso proceder

<html><head>
<title>Sabor Caseiro – Alimentos Caseiros</title>
<link rel="shortcut icon" href="img/icon/favicon.ico" />
</head>
<?php
    include "conexao/banco.php";
    error_reporting(0);

    if(isset($_GET['codigo'])){
        $getCodigo = $_GET['codigo'];
    }else{
        $getCodigo = "";
    }

    if(isset($_GET['nome'])){
        $getNome = $_GET['nome'];
    }else{
        $getNome = "";
    }

    if(isset($_GET['dataFabricacao'])){
        $getDataFabricacao = $_GET['dataFabricacao'];
    }else{
        $getDataFabricacao = "";
    }

?>

<body>
<div class="container">
  <?php
            //chama cabecalho

            $title = "Consulta de Funcionarios";
            include "cabecalho.php";
        ?>
  <?php
            //chama menu principal
            include "menu.php";
        ?>
  <section class="consulta">
    <section class="busca">
      <h3>Busca</h3>
      <form action="#" method="GET">
        <fieldset>
          <label for="codigo">Código:</label>
          <input type="text" name="codigo" "<?php echo $getCodigo ?>" />
          <label for="nome">Nome:</label>
          <input type="text" name="nome" value="<?php echo $getNome ?>" />
          <label for="dataFabricacao">Data de Fabricação:</label>
          <input type="date" name="dataFabricacao" "<?php echo $getDataFabricacao ?>" />
        </fieldset>
        <button type="submit" name="consulta" value="Buscar">Buscar</button>
        <button type="reset" name="deletar">Limpar</button>
        <div class="clear"></div>
      </form>
    </section>
    <section class="resultado">
      <h3>Consulta Cardápio</h3>
      <table name="consultaCardapio" align="center">
        <tbody>
          <tr>
            <th>#</th>
            <th>Nome</th>
            <th>Descrição</th>
            <th>Data Fabricação</th>
            <th>Valor</th>
            <th>Imagem</th>
            <th></th>
            <th></th>
          </tr>
          
          <!--Paginação do formulario de 1 a 10 -->
          <?php

                        $_BS['PorPagina'] = 10;

                        if(isset($_GET['consulta']) != ""){
                            $busca = $_GET['consulta'];
                        }else{
                            $busca = "";
                        }

                        $where = "";

                        if($getCodigo != "" || $getNome != "" || $getDescricao != "" || $getDataFabricacao != "" ||$getValor != ""){

                            $where .="WHERE ";

                            if($getCodigo != ""){
                                if($where == "WHERE "){
                                    $where .= "id = ".$getCodigo;
                                }else{
                                    $where .= " AND id = ".$getCodigo;
                                }
                            }

                            if($getNome != ""){
                                if($where == "WHERE "){
                                    $where .= "nome LIKE '%".$getNome."%'";
                                }else{
                                    $where .= " AND nome LIKE '%".$getNome."%'";
                                }
                            }

                            if($getDescricao != ""){
                                if($where == "WHERE "){
                                    $where .= "descricao LIKE '%".$getDescricao."%'";
                                }else{
                                    $where .= " AND descricao LIKE '%".$getDescricao."%'";
                                }
                            }

                            if($getDataFabricacao != ""){
                                if($where == "WHERE "){
                                    $where .= "dataFabricacao LIKE '%".$getDataFabricacao."%'";
                                }else{
                                    $where .= " AND dataFabricacao LIKE '%".$getDataFabricacao."%'";
                                }
                            }
                            if($getValor != ""){
                                if($where == "WHERE "){
                                    $where .= "valor LIKE '%".$getValor."%'";
                                }else{
                                    $where .= " AND valor LIKE '%".$getValor."%'";
                                }
                            }
                        }

                        $sqlCount = "SELECT COUNT(*) AS total FROM cardapio".$where;
                        $queryCount = mysql_query($sqlCount);
                        $total = mysql_result($queryCount, 0, 'total');

                        $paginas =  (($total % $_BS['PorPagina']) > 0) ? (int)($total / $_BS['PorPagina']) + 1 : ($total / $_BS['PorPagina']);

                        if (isset($_GET['pagina'])) {
                            $pagina = (int)$_GET['pagina'];
                        } else {
                            $pagina = 1;
                        }
                        $pagina = max(min($paginas, $pagina), 1);
                        $inicio = ($pagina - 1) * $_BS['PorPagina'];

                        $sql = "SELECT * FROM cardapio ".$where." LIMIT ".$inicio.", ".$_BS['PorPagina'];
                        $query = mysql_query($sql);

                        //echo $sql;

                        while($row = mysql_fetch_array($query)){
                            echo "<tr>";
                            echo "<td>".$row['id']."</td>";
                            echo "<td>".$row['nome']."</td>";
                            echo "<td>".$row['descricao']."</td>";
                            echo "<td>".$row['dataFabricacao']."</td>";
                            echo "<td>".$row['valor']."</td>";
                                echo "<td id='img' onClick="document.getElementById('escurecerCli').style.display ='none';document.getElementById('conteudoCli').style.display='none'"><a href='#'><img src='sql/fotos/".$row['foto']."'/></a></td>";
                            echo "<td><a href=alterarCardapio.php?id=".$row['id']." title='Alterar Cardapio'><img src='img/icon/alterar.png' style='width:18px' alt='altera'></a></td>";
                            echo "<td><a href=sql/sqlExcluirCardapio.php?id=".$row['id']." title='Deletar Cardapio'><img src='img/icon/delete.png' style='width:18px' alt='delete'></a></td>";
                            echo "</tr>";
                        }

                        ?>
        </tbody>
      </table>
      <?php echo "<p>Resultados ".min($total, ($inicio + 1))." - ".min($total, ($inicio + $_BS['PorPagina']))." de ".$total." resultados encontrados para '".$busca."'</p>"; ?>
      <div class="paginacao">
        <?php
                if ($total > 0) {
                    for($n = 1; $n <= $paginas; $n++) {
                        echo '<a href="consultaCardapio.php?codigo='.$getCodigo.'&nome='.$getNome.'&descricao='.$getDescricao.'&dataFabricacao='.$getDataFabricacao.'&valor='.$getValor.'&consulta='.$busca.'&pagina='.$n.'"><label>'.$n.'</label></a>  ';
                    }
                }

                ?>
      </div>
    </section>
  </section>

 
 
  <?php
            //chama rodape
            include "rodape.php"
        ?>
</div>
</body>
</html>

adicionado 0 minutos depois

 echo "<td id='img' onClick="document.getElementById('escurecerCli').style.display ='none';document.getElementById('conteudoCli').style.display='none'"><a href='#'><img src='sql/fotos/".$row['foto']."'/></a></td>";