Bueno, creo que es un poco complicado lo que busco, pero espero no sea imposible.
Resulta que consegui un codigo para un rollover multiple, y quiero que cuando cambie una de las imágenes, se desplace y no quede en la misma posición que la original!
Este es el codigo completo:
Código:
<script type="text/javascript">
function change() {
document.getElementById('button').src = "http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/JJyJiji.png";
document.getElementById('otherone').src = "http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/Sillavacia.png";
}
</script>
<div id="Jaejoong" style="height:359px; width: 129px; top:121px; position:absolute; z-index:4; right:383px; bottom:150px;"><img style=" bottom:0px;"src="http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/Jaejoong.png" alt="" id="button" onmouseover="change();" /></div>
<div id="Telfono" style=" height:192px; width: 152px; no-repeat left; bottom:80px; position:absolute; z-index:4; right:5%;">
<img src="http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/Sillajiji.png" alt="" id="otherone" />
</div>
Yo quiero que esta imagen:
http://i816.photobucket.com/albums/zz81/JaeminLunera/JCFC/JJyJiji.png (o button en el codigo) cambie de lugar cuando se le pase el mouse encima! y quisiera que tuviera estos valores de CSS:
Código:
bottom:37px;
position:absolute;
z-index:7;
left:5%;
Espero sea posible ^^
Por cierto, muy bueno este foro!