Mostrar contenido desde base de datos.

[M3duser]

Buenas noches, estoy creando un pequeño catálogo en donde tengo imágenes y al pasar por encima el cursor aparece el "id" del articulo ( sobre la imagen ), tanto las imágenes como el id los tomo de una base de datos MySQL.

Funciona correctamente excepto que no importa sobre que imagen pase el cursor la información del "id" aparece siempre encima de la primer imagen.

Este es el script que estoy utilizando:

Código Javascript:

$(document).ready(function() {
$(".imgFormat").mouseover(function() {
    var id = $(this).attr('id'); 
    $("#divPrecio").load('SKU.php?id=' + id , function() {
    $(this).slideUp("slow");
});
});
});
 

Gracias de antemano.

[diurno10]

Código Javascript:

$(".imgFormat").mouseover(function() {
        var id = $(this).attr('id'); 
        /*$("#divPrecio").load('280', function() { //esto lo comente xq no tengo el php
            $(this).slideUp("slow");
        });*/
        var x = $(this).offset(); //con esto tomas la posicion izq de la imagen     
        $("#divPrecio").html('280').css({ left: x.left}).show("slow");
    })
    $(".imgFormat").mouseout(function() {
        $("#divPrecio").hide();
    });;
 

recorda que #divPrecio debe tner position : absolute