Abrir imagem em div depois de carregar com jquery

[Wagner M.M 0]

Tenho esse código jquery que faz um filtro, quando mostra o resultado, abre em uma div id=produtos, nessa div irá ter thumbnails e quero que clica na imagem e aparece em uma div ampliada do lado.

O filtro está funcionando, o que não funciona é o loader para carregar imagem do lado.

Poderiam me ajudar a resolver esse problema para funcionar o jquery para aparecer a imagem em uma div depois que aparece o resultado do filtro?

 

 

$(document).ready(function(){
    $('a.loader').on('click', function(e) {
    e.preventDefault();
    $('#content_simulador').load($(this).attr('href'));
});
$('#categoria').on('change',function(){
        var categoriaID = $(this).val();
        if(categoriaID){
            $.ajax({
                type:'POST',
                url:'admin/ajaxData_simulador2.php',
                data:'categoria_id='+categoriaID,
                success:function(html){
                    $('#subcategoria').html(html);
                    $('#produtos').html('<div class="container"><div class="col-md-12 filtro_simulador"><i class="fa fa-arrow-up" aria-hidden="true"></i> Selecione uma subcategoria</div></div>'); 
                }
            }); 
        }else{
            $('#subcategoria').html('<option value="">Selecione uma categoria</option>');
            $('#produtos').html('<div class="col-md-12">Selecione um produto</div>'); 
        }
    });

    $('#subcategoria').on('change',function(){
        var produtosID = $(this).val();
        if(produtosID){
            $.ajax({
                type:'POST',
                url:'admin/ajaxData_simulador2.php',
                data:'produtos_id='+produtosID,
                success:function(html){
                    $('#produtos').html(html);
                }
            }); 
        }else{
            $('#produtos').html('<div class="col-md-12">Selecione um produto</div>'); 
        }
    });
});

 

[washalbano 54]

Olá!

esse é o trecho que deveria carregar uma imagem?
   $('a.loader').on('click', function (e) {
      e.preventDefault();
      $('#content_simulador').load($(this).attr('href'));
   });

Se for, depende do conteúdo do href trazer um html que carrega uma imagem e da relatividade do endereço da imagem

[Wagner M.M 0]

sim esse trecho seria para carregar a imagem, como faço para o href trazer o conteudo para carregar a imagem?

[washalbano 54]

Como eu disse, depende do conteúdo do href  e da relatividade do endereço da imagem

mostre como estão os href dos a.loader

e qual é o edereço das imagens

[Wagner M.M 0]

<div class="col-md-12 borda_cat">
<div class="borda_produtos">
<a class="hvr-bubble-bottom loader "   href="uploads/<?php echo $row_simulador_fotos_produtos["nome"]?>">
          
<img src="uploads/<?php echo $row_produtos_foto_nome["nome"]?>" class=" img-responsive" title="<?php echo utf8_encode(strtoupper ($row_produtos_nome['nome']))?>" /><br></a>
            

</div>
</div>


<div class="col-sm-8 " id="content_simulador">
            
</div>