Carregar conteúdo/imagem somente quando chamar div

[Rômulo Roveda Carvalho 0]

Bom dia,

Gostaria de saber se é possível que uma galeria de imagens seja carregada somente quando for feita a chamada da div.

Ja tentei utilizar a função .load(), mas parece não funcionou.

Tenho 3 paginas eletrocalhas.php, leitos.php e perfilados.php que são selecionados e abertos em uma div, através de um select, o problema é que todas as imagens carregam e acaba deixando o site muito pesado.

Segue código:

 

index.php

 

<select onchange="$('.divs').hide('slow'); $('#' + this.value).show('slow');" name="categoria" class="styled-select" id="select">

<option value="produtos">Produtos</option>

<option value="eletrocalhas" select="selected">Eletrocalhas</option>

<option value="perfilados">Perfilados</option>

<option value="leitos">Leitos</option>

</select>

<div id="eletrocalhas" class="divs" style="display:none">

<ul id="eletro">

<li>

<?php include 'scripts/eletrocalhas.php'?>

</li>

</ul>

</div>

<div id="perfilados" class="divs" style="display:none">

<ul id="perf">

<li>

<?php include 'scripts/perfilados.php'?>

</li>

</ul>

</div>

<div id="leitos" class="divs" style="display:none">

<ul id="let">

<li>

<?php include 'scripts/leitos.php'?>

</li>

JS

$(document).ready(function(){

$('.divs').hide();

$("#eletrocalhas").change.show;

});

e onde é feito a chamada das imagens no banco:

<ul>

<?php

include 'scripts/config.php';

$sql=mysqli_query($config,"SELECT * FROM up_imagem ORDER BY id ASC")

or die(mysql_error());

if(@mysqli_num_rows == '0'){

echo "imagens não econtradas";

}else{

while ($prod = mysqli_fetch_array($sql)){

$id = $prod['id'];

$thumb = $prod['thumb'];

$titulo = $prod['titulo'];

$texto = $prod['texto'];

$categoria = $prod['categoria'];

if($categoria=='eletrocalhas'){

echo"<li>

<div id='img_produtos'><a class='fancybox' href='img/$categoria/$thumb' data-fancybox-group='gallery1' title='$texto'><img src='img/$categoria/$thumb' class='img_prod' alt='$titulo'/><p class='nome_titulo'>$texto</p><div id='titulo_cod'><span>$titulo</span></div></div></a>

</li>";}}

?>

<?php

}

?>

</ul>