Holas, mluis12.
Mmh, o sea, en efecto con CSS puedes hacer que una imagen (u objeto) se "mueva" al pasar el mouse por encima:
Código css:
Ver original.contenido7 IMG:hover
{ position:relative; left:10px }
Pero hasta lo que sé, esto sólo afecta al objeto que gatilla el evento, no podrías alterar las propiedades de otros objetos (a no ser, tal vez, que estuvieran anidados...).
No sé si el CCS3 lo permite ahora, pero en mis limitados conocimientos, yo te diría que te toca programar esta funcionalidad con Javascript directamente (sea usando JS directo, o apoyado con Jquery o similar). Lo cierto es que si ya tienes capturado el :hover de uno de los objetos (la imagen1) con el CSS, no tendrías que programar su comportamiento, sino sólo el del otro objeto (imagen2), aunque dentro del evento del objeto 1. Algo como:
Código javascript
:
Ver originalfunction mover(objId)
{
document.getElementById(objId).style.left = "50px";
}
function restaurar(objId)
{
document.getElementById(objId).style.left = "inherit"; // esto no estoy segura, tú prueba el valor correcto
}
Código HTML:
<img id="imagen1" onmouseover="mover('imagen2')" onmouseout="restaurar('imagen2')" />
<img id="imagen2" /> Saludos!!