No se si éste es el foro correcto, yo he probado a hacer lo que quiero con css, js, de todo... Y ya no se por donde tirar.
A ver, se trata de una web que tiene una cuadricula de imagenes, cada una con una segunda imagen que debe ponerse encima al hacer hover. El caso es que todas estas imagenes vienen de la base de datos de manera que no puedo asignar las rutas de las imagenes en la hoja de estilos (que sería lo ideal).
Tengo el siguiente código:
Código Javascript
:
Ver original<ul id="items">
<? while($row=mysql_fetch_object($res))
{
echo'<li data-id="id-'.$row->id.'" class="'.$row->id.'">
<a href="detalle_index.php?id='.$row->id.'" style="background-image:url(\'img/portfolio/'.$row->fotothumb.'\');" onMouseOver="this.style.background=\'img/portfolio/'.$row->fotothumbhover.'\'" ></a>
</li>';
}
?>
</ul>
Con mi css
Código CSS:
Ver original#photos-list a{display: block; width:168px; height: 168px;}
Pero nada. Sale la imagen y no sale la que tiene que salir on hover. No puedo cambiar el markup del html porque luego tengo un script que me ordena la cuadricula de imagenes según una serie de filtros y es así como tiene que ir.