Elegir entre varias imagenes?

[TxT]

Saludos a todos,
hace un tiempo un amigo me habia pasado un script el cual me permitia elegir una imagen entre mas de unas, actualmente necesito hacer esto nuevamente en css.

Me explico mejor, tengo una imagen que guarda dos, por ejemplo: Home (en verde) y Home (en.. rosa)...

Segundo, gracias a css, elijo de que la imagen de 12x12 salga en la web y que al poner el mouse en el salga la imagen de 13x12...

Mmmm... no se si me he explicado mejor. Pero bueno, cualquier cosa me preguntan y puedo poner mas cosas para que puedan entender a que me refiero.

Muchas gracias!

[Carlangueitor]

Pues no entendí del todo pero creo que la pseudoclase :hover te sirve para eso:

http://librosweb.es/css_avanzado/cap...do-clases.html

Saludos

[TxT]

Saludos, Carlangueitor, si se usar dicha funcion, lo que no se es como hacer para que salga la segunda imagen en vez de la primera, al hacer un hover en la imagen.

a ver la imagen seria asi:



Bueno sin eso en rojo xP

Ahora lo que quiero es que si no esta en hover, que salga la segunda imagen y si esta en hover que salga la primera.

Tambien se que hay una manera de poder hacer la imagen sin que tenga limite, es decir que puedo poner un texto como ELAGUAESTAVERDEOAZUL y va a quedar dentro de la imagen, sin salirse de ella... eso tambien me gustaria hacerlo.

Gracias!

[ArturoGallegos]

?¿ el Post mas difícil de entender en este año jaja y si concuerdo con Carlangueitor lo que buscas es aplicar un hover

[TxT]

Jajaja si que el hover ya lo se, lo que no se es que debo hacer para eso que acabo de explicar arriba de tu post :P

[Impostor]

Seria algo asi

.imagen {
background-imagen: url("url imagen verde");
}

.imagen:hover {
background-imagen: url("url imagen azul");
}

Saludos¡¡¡

[TxT]

No puede ser asi, ya que las dos imagenes estan en un mismo .png...

a ver estuve verificando una web que usa este tipo y sale asi su css:

background-repeat: no-repeat;

background-image: url(../images/tabs.png);

background-position: -10px -28px;

Bueno, la parte que creo que es la que se utiliza para esto.

Saludos.

[Carlangueitor]

Te refieres a Sprites, básicamente tienes que cambiar la posición del fondo:

http://librosweb.es/css_avanzado/cap...y_sprites.html

Saludos

[TxT]

Iniciado por Carlangueitor

Te refieres a Sprites, básicamente tienes que cambiar la posición del fondo:

http://librosweb.es/css_avanzado/cap...y_sprites.html

Saludos

Esto era lo que buscaba, ya logre resolver mi problema y ahora ya esta funcionando ;D Muchas gracias!!