substituir imagem Substituir Imagem padrão pela imagem que foi cadastrada no BANCO DE DADOS

[Jack Oliveira 1]

Ola bom dia amigos do FÓRUM..

@Omar~

@Motta

@Felipe Guedes Coutinho

 

Bom pessoal em meu código no site eu tenho duas pasta chamada mods dentro desta pasta contem varias imagem diferentes que seria imagens padrões do site

ela muda de imagem conforme é feito a atualização no site a imagem é trocada até aqui esta tudo ok funciona 100%. Na outra pasta chamada cidades nela vai esta todas as imagem que estiver gravada no banco de dados.

 

Mais o que eu preciso agora é o seguinte como posso fazer com que a imagem que foi cadastrada no banco de dados

apareça no lugar de uma destas imagem padrão 

Fiz o código PHP desta forma

<?php
$types = array('png','jpg','jpeg');
$path = 'imagem/mods/';
$dir = new DirectoryIterator($path);
foreach ($dir as $fileInfo) {
$ext = strtolower($fileInfo->getExtension());
if(in_array($ext, $types)){
$arquivos[] = $fileInfo->getFilename();
} 
 }		

	$statement = $pdo->prepare("SELECT * FROM cidade ORDER BY titulo ASC");
	$statement->execute();
	$result = $statement->fetchAll(PDO::FETCH_ASSOC);							
	foreach ($result as $cidade) {
?>

Já no meu HTML esta desta forma

<div class="col-sm-6 col-md-3">
    <?php if (!empty($cidade['titulo']) == true) {  $backgroundmod = array_rand($arquivos,1); ?>
   <div class="cities_list" style="background-image: url('<?php echo BASE_URL; ?>imagem/mods/<?php echo $arquivos[$backgroundmod]; ?>');background-repeat:no-repeat;background-size:100% 100%;width:332px;height:300px;">
<div class="city_listings_info">
     <h4 style="color:#242424; font-size:100%; background-color:white; height:auto; padding-top: 15px; padding-bottom:15px;"><?php echo $cidade['titulo']; ?></h4>
<div class="listing_number"><a href="<?php echo BASE_URL; ?><?php echo $cidade['slug']; ?>" class="overlay_link"><span>Ir para Cidade</span> </a></div>
    <br>  <br>
<div class="listing_number"><a href="<?php echo BASE_URL; ?>info/<?php echo $cidade['slug']; ?>" class="overlay_link"><span>Informação desta Cidade</span> </a></div>
                    </div>
                    
                </div>
            </div>
 				<?php
			} } 
			?>  

Eu tentei fazer desta forma mais não deu certo as imagem ficou tudo em cima uma da  outra

<?php if (!empty($cidade['titulo']) == true) {  $backgroundmod = array_rand($arquivos,1); ?>
  <div class="cities_list" style="background-image: url('<?php echo BASE_URL; ?>imagem/mods/<?php echo $arquivos[$backgroundmod]; ?>');background-repeat:no-repeat;background-size:100% 100%;width:332px;height:300px;">

<?php } else { ?>
<div class="cities_list" style="background-image: url('<?php echo BASE_URL; ?>imagem/cidades/<?php echo $cidade['imagem']; ?>');background-repeat:no-repeat;background-size:100% 100%;width:332px;height:300px;">
 <?php } } ?>

Se puderem me dar uma ajuda ficarei grato a vocês....