Mostrar Imagens do banco de dados!

[marcosvp2 0]

quero mostrar a imagens do produto do banco de dados !

 

galera estou fazendo o seguinte!

 

 

banco de dados

seguir as imagens no link!

https://drive.google.com/drive/my-drive?ltmpl=drive

https://drive.google.com/drive/my-drive?ltmpl=drive

codigo!!

<?php

try {

require "lib/configPDO.php";

$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_WARNING);

$sql = $pdo->prepare("SELECT * FROM tbl_aulas

INNER JOIN produto ON tbl_aulas.aulas_id = produto.aulas_id

WHERE tbl_aulas.aulas_id = '1' and produto_id = '1'

");

$sql->execute();

}catch (PDOException $e) {

echo $e->getMessage();

}

while ($row = $sql->fetchObject()){

?>

<header>

<div class="container">

<a href="#Aula1" data-toggle="modal" class="avaliar">

<img src="<?=URL?>/lib/rdmc.php?src=<?=URL?>/img/loja/<?php echo $row->produto_foto;?>">

<div class="modal hide fade" id="Aula1" style="float:left; margin:0px -400px; height:500px; width: 800px;">

<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>

<p id="myModalLabel"> <i class="icon-desktop"></i> <?php echo $row->aulas_titulo;?></p> </div>

<div class="modal-body">

<div class="span1 offset1" id="video_um">

<iframe width="140" height="110"

style="float:left; margin:0px -100px; height:400px; width:767px;"

src="<?php echo $row->aulas_aulas;?>" frameborder="0" allowfullscreen></iframe>

</div>

</div>

<div class="modal-footer">

<button class="btn" data-dismiss="modal"

style="float:right; margin-right:10px;"

aria-hidden="true">Fechar</button>

</div>

</div>

<? } ?>

agrdeco galera!!