obtener imágenes de mysql con php jquery ajax y mostrarlas en la página html dentro de DIVs

Estoy editando mi pregunta después de profundizar en la búsqueda de mi problema, básicamente, mi sitio web es un sitio web de visualización de moda que muestra zapatos, telas y bolsos, etc. ahora es obvio que tendré muchas fotos que estaba solucionando mi problema con jquery y javascript que cuando el usuario hace clic en una miniatura en la página de índice o va al menú y hace clic en el enlace de zapatos javascript abre la imagen más grande en una nueva pestaña, pero ahora estoy cambiando a php lo que hice está debajo

  1. Hice una base de datos mysql con rutas a las imágenes como images / zara / thumbnails / shoes para imágenes en miniatura e imágenes / zara / shoes para las imágenes más grandes

  2. cuando el usuario hace clic en los enlaces para ex (zapatos), el texto del enlace será captado por jquery como este

    $(document).ready(function() { $('ul.sub_menu a').click(function() { var txt = $(this).text(); $.ajax({ type: 'POST', url: 'thegamer.php', data: {'txt'} }); }); }); 

Adelante pasarlo al archivo php ahora aquí estoy frente a un problema lo que necesito en este momento es

que cómo hará php hacer la búsqueda en base a ese var txt en la base de datos recuperar las miniaturas de los zapatos abrir una nueva pestaña decir (zapatos.html) y mostrar todos los zapatos disponibles thuumbnails en divs

Solutions Collecting From Web of "obtener imágenes de mysql con php jquery ajax y mostrarlas en la página html dentro de DIVs"

Css:

 #imagePopup{ float:left; z-index:10; position: absolute;} 

Agrega un poco de posicionamiento

HTML:

 
ZARA
PUMA
HERMES
//This is you popup div

JS:

 $('.prodcls').click(function(){ var src = $(this).attr('src').replace('/thumbnail', ''); $("#imagePopup").html("") $("#imagePopup").toggle(); }); 

Respuesta actualizada:

HTML: (dale a cada imagen un enlace):

  

showImage.php:

 https://stackoverflow.com/questions/8600027/get-images-from-mysql-with-php-jquery-ajax-and-display-them-in-html-page-inside/$sImagePath = $_GET['img']; echo "
"; echo ""; echo "
;

Aquí está el código jquery que debería funcionar:

  

Y algo de CSS por si acaso:

  

Aquí hay un violín funcional: http://jsfiddle.net/DenGp/

Puede abrir la imagen real en la nueva pestaña del navegador sin jQuery:

Por ejemplo:

  

¿Quizás una caja de luz es lo que realmente necesitas? eche un vistazo a esta biblioteca: http://www.huddletogether.com/projects/lightbox2/

Usted tiene un error en su código AJAX (su forgo para incluir la var real:

 $(document).ready(function() { $('ul.sub_menu a').click(function() { var txt = $(this).text(); $.ajax({ type: 'POST', url: 'thegamer.php', data: {'txt':txt} //added :txt here }); }); }); 

Ahora en PHP:

 $txt = $_GET['txt']; //Now lookup $txt in you msyql db //And echo the result, so JS can read it.