Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: Tzdah en 11 Febrero 2013, 23:30 PM

Título: Ayuda simple [php creo que es]
Publicado por: Tzdah en 11 Febrero 2013, 23:30 PM
Quiero que al poner el mouse encima de una imagen cambie la imagen, creo que es simple xD
Gracias.
Título: Re: Ayuda simple [php creo que es]
Publicado por: дٳŦ٭ en 11 Febrero 2013, 23:36 PM
Es javascript, lo puedes hacer con el evento onmouseover();

Si quieres hacerlo de forma dinámica te toca ajax con PHP o el lenguaje q te puedas usar.   ;)

Saludos
Título: Re: Ayuda simple [php creo que es]
Publicado por: EFEX en 11 Febrero 2013, 23:40 PM
Con css podés hacerlo, ten en cuenta que este es un ejemplo con 2 imagenes de 50x50(px).

Código (html4strict) [Seleccionar]

<html>
<head>
<style type="text/css">
.image{
width: 50px;
height: 50px;
display: block;
background-image: url("https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc6/195772_403472119708181_286087348_q.jpg");
background-repeat: no-repeat;
background-position: center top;
}
.image:hover{
background-image: url("https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn1/174824_221869334596270_841496125_q.jpg");
}
</style>
</head>
<body>

<div class="image"></div>

</body>