Estoy inmerso en un pequeño problema que no se como solucionar, os cuento a ver si me podéis ayudar.
Tengo un div contenedor de 3 divs que contienen sendas fotos, lo que quiero lograr es que al pasar el ratón por encima de cada foto cargue mediante ajax la foto en grande.
Consigo que al pasar el ratón por encima del div contenedor cargue el archivo que cargaría la foto y el título mediante ajax pero no sé como capturar el name del div que contiene cada foto a así cargar su foto correspondiente en grande.
También podría cambiar el name por un id y un valor diferente para cada div, no sé que será mejor.
Os pongo el código:
Código PHP:
<script type="text/javascript">
$(document).ready(function() {
$("#carrusel").mouseover(function () {
$.post("/ajax/loadphoto.php", { id: Aquí necesito el valor de name que contiene el id de la foto}, function(data){
$("#fotoxl").html(data);
});
});
});
</script>
<div id="fotoxl">Fotoxl</div>
<div id="carrusel">
<div name="1">Foto</div>
<div name="2">Foto</div>
<div name="3">Foto</div>
</div>
Carlos