utilizar esta imagen como boton

[MaLkAvIaN_NeT]

Código:

http://www.rpp.com.pe/tmp/img/next-horizontal.png

Me he dado cuenta que una página utiliza esa imágen o mejor dicho esa tira de imágenes como botón en los eventos al pasar, presionar y sacar el puntero mi pregunta es... como se puede hacer esto no se supone que para poder hacerlo se necesitan tener las imágenes por separadas?

[HostDime]

Hola que tal, bueno yo lo que haría es como dices tu:

Poner varias imágenes de tal forma que en cada una la iluminación sea diferente.

Y con esta función en el onmouseover="" con javascript. Cada que paso el rato sobre una ubicación especifica de la imagen mandaría llamar la función.

<script language="javascript" type="text/javascript">
function cambiar(imagen) {

document.images["imagen"].src = imagen;
}
</script>


Vamos a suponer que este código esta sobre tu imagen
=============================================
<img src="images/imagen1.png" alt="" name="imagen" border="0" usemap="#imagenMap" id="imagen" />

<map name="imagenMap" id="imagenMap">
<area shape="rect" coords="641,4,761,26" onClick="cambiar('imagen2.png');" />

</map>
================================================

Solo seria que ese codigo lo pongas dentro de tu archivo y posteriormente pongas los archivos imagen1.png e imagen2.png




¿Haz puesto varios links sobre una misma imagen?

Ojala con lo que te dí te des una buena idea.

[MaLkAvIaN_NeT]

Hola gracias por responder, si he tenido una experiencia intercambiando las imágenes con un poco de java script, lo que me llama la atención es como usan una sola imágen te digo porque no es la primera vez que veo que hacen esto, sobre todo lo he visto en los carruseles de imagenes.

[Charlii]

Se hace mediante CSS, poniendo la misma imagen de fondo pero cambiando la posición de la misma dependiendo de si está el puntero encima de ella o no.

Perdón que no pueda explicar más detalladamente pero no tengo mucho tiempo.

[Carlangueitor]

Se llama Sprite y es una técnica usada en sitios grandes ya que además del peso de las imágenes es mejor que sean pocas para disminuir las peticiones al servidor, mas info por aquí:
http://www.librosweb.es/css_avanzado...y_sprites.html

Saludos