10

Añadir texto informativo a una imagen subida en Blogger

Seguro que en algún blog de los que visitáis habréis visto que al poner el puntero sobre una imagen aparece un pequeño texto con información adicional sobre la imagen. Esto solo es válido en IE que interpreta el atributo "alt" como "title" en Firefox habría que añadir a la imagen el título "title".

Ejemplo:


Simplemente has de subir la imagen que quieras a Blogger, (en vista HTML esa imagen se verá como código), pues bien, solo has de buscar en ese código: alt="", e incluir entre las comillas el texto que deseas que aparezca como información de tu imagen.
Fácil. :-)

Post corregido con información aportada por Liamngls, gracias! ;-)

Entradas Relacionadas:

10 comentarios:


Anónimo

Hola acabas de ayudarme fenomenalmente con tu tips... la verdad que aprender los códigos son un tesoro yo ya lo use en mi msn gruop y me siento super contenta jejejeje
Un abrazo y felicitaciones por tu blog

`·.,¸¸,.·´¯]¦•¦[(Katra Queen)]¦•¦[¯`·.,¸¸,.·´

Rosa

No sabes lo que me alegra haberte sido de ayuda!
Saludos!

Liamngls

Jumm... bueno, la verdad es que el atributo alt="" sirve para mostrar un texto cuando no se carga la imagen, imagino que será abreviación de alternative.

El atributo que hay que poner para mostrar un texto emergente es title="", de hecho en la imagen que has puesto como ejemplo no me carga ningún texto al poner el ratón ;-)

Lo que pasa es que Internet Explorer creo que si muestra el alt como si fuese title (o ambos, más bien) ...vamos cosillas de IE :-D

Aquí lo explican bastante bien :-)

Rosa

Tienes toda la razón liamngls, el efecto es con el IE. :-$

Aviber

Hola Rosa:
Magnífica tu página,está entre mis blogs de cabecera.-He logrado colocar los textos en las imágenes,tal como dices;aclararía un poco más a los neófitos como yo,si añadieras que en Firefox hay que cambiar Alt= por title= y luego sí el texto deseado.-
Gracias por tu invalorable ayuda

Rosa

¡Saludos Aviber! De hecho si lo pone en el post.

De todas maneras lo mejor es usar el title y así no problem ni en firefox ni en IE.

DrZaken

Gracias Rosa ya me habias ayudado anteriormente con este tema para el blogs del centro de estudiantes pero ahora me encuentro realizando el mio personal y me preguntaba ya que no encuentro en la web si sabrias como realizar la misma accion pero en vez de que salga un texto se despliegue una imagen.

en sistesis cambiar ttle="lo que quiero mostrar" por no se cual seria el comando="direccion de la imagen a desplegar"

Rosa

DrZaken , podrías usar una tootip:
http://elescaparatederosa.blogspot.com/2007/06/tooltip-con-imagen.html

o tal vez un popup:

http://elescaparatederosa.blogspot.com/2007/10/pop-up-controlado.html

Xhabyra

este tip esta genial, no daba con bola para conseguir ese efecto en los post, gracias rosa :)

Noelia

Otro "truquito" que me llevo para mi blog. Queda genial.
Por cierto, me encanta tu nueva cabecera :D

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S