[SOLUCIONADO] Efecto ALT mejorado

[raulfw]

Resulta que tengo VARIAS vistas en una pagina.
En una de ellas aparecen muchas imagenes pequeñas.
Al ponerme encima de ellas me aparece el texto ALT (la descripcion de la imagen).
Sin embargo, ese efecto de texto ALT que viene por defecto con el navegador no me gusta, quiero otro mejor.

Entonces la duda es...

¿Como lo hago?

Y pregunto como lo hago, por que me imagino que hay cientos de codigos javascript que hacen eso, pero...

¿Como lo integro dentro de Drupal?

Me imagino pegandolo me alteraria TODOS los alt de la pagina, pero yo solo quiero que sean los ALT de una vista. ¿Me explico?

No lo veo claro. Una ayuda se agrade.

MUCHAS GRACIAS A QUIEN CONTESTE!!!

[MarioAraque]

http://www.wbotelhos.com/capty/ te puede servir.
Cómo integrarlo con Drupal? Añadiéndo el plugin solo en las páginas que te interesan, desde el template.php de tu theme. Como funciona con selectores, entonces podés hacer que solo muestre los captions en las imágenes que te interesen.

Saludos.

[pzin]

Aunque realmente lo que querrás mejorar es cómo se muestra title ya que alt sólo se muestra en caso de no cargar la imagen, como texto alternativo.

[JustinKO]

Sí, tienes razón Pzin, ayer le iba a comentar eso yo también, pero antes lo fui a comprobar en Drupal por si era distinto y efectivamente comprobé que, por lo menos si no le pones ni alt ni title a la imagen, te muestra el titulo del nodo que tiene abierto.
Por lo que no sé hasta qué punto funcionaran los script de javaScript que hay por ahí para estas cosas.

Saludos

[raulfw]

Gracias a todos por vuestras aclaraciones.

Mario gracias por el script, pero no me vale. ¿Por que? Pues por que mis imagenes son MUY pequeñas, y el titulo debe aparecer FUERA de estas. Como si se tratara de un globo de texto de esos que aparecen en los comics.

En cualquier caso encontrarlo no creo que sea el problema, el problema sera integrarlo dentro de Drupal.

Haber si entiendo esta frase...

"Como funciona con selectores, entonces podés hacer que solo muestre los captions en las imágenes que te interesen."

¿Te refieres a que puedo 'unirlo' unicamente a los selectores de CSS a los que estan unidos las imagenes?

[MarioAraque]

Lo que quería decir @pzin es que el ALT de una imagen solo sirve en caso de que la misma esté rota, entonces en ves de verla verías el texto del ALT.

Lo que necesitás mejorar es el TITLE con un tooltip.
Otro plugin que podés usar es este: http://iamceege.github.io/tooltipster/

Todo esto lo vas a tener que hacer a mano lamentablemente.

Con respecto a tu pregunta, si, me refiero a solo los selectores CSS a los que están unidos las imágenes.

Saludos.

[raulfw]

Eso es justo lo que busco. Pero sigo sin saber como integrarlo. ¿Como se resolveria esto?:

In order for Tooltipster to work, we first need to add the .tooltip class (or whatever class / means of selection you'd like to use) to whatever element we wish to have a tooltip

¿Editando el tema de la vista? Por que las clases que llevan las imagenes de la vista se ponen automaticamente.

Tambien se me ocurre otra cosa. ¿Podria cambiar el nombre de la clase .tooltip que es la que llama al efecto, por otra? Eso me solucionaria el problema. ¿Con un buscar y replazar en el codigo javascript crees que podria cambiarlo sin 'romperlo'?

MUCHAS GRACIAS.

[MarioAraque]

Si entrás a editar el campo de la vista, le podés agregar un class personalizado. Igualmente lo que has puesto es que el class tooltip es opcional, podés usar la clase que te devuelva views por defecto.

Lo ideal es que toques el tema de la vista solo para agregar el plugin del tooltip. No se si lo debas agregar en todas las páginas o no.

Sinceramente yo no usaría un plugin para los tooltips, podés hacerlo simplemente con CSS3 y quitando el atributo title de las imágenes. Un tutorial de ejemplo es este: http://www.webdesignerdepot.com/2012...-css3-tooltip/
Igualmente, vos elegí lo que quieras.

Saludos.

[raulfw]

Pues si, parece mucho mas simple con CSS, y sobretodo lo mas importante LO ENTIENDO.
No creo que tenga problema para implementarlo.

MUCHAS GRACIAS MARIO.