Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » Drupal »

[SOLUCIONADO] Efecto ALT mejorado

Estas en el tema de Efecto ALT mejorado en el foro de Drupal en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 12/02/2014, 14:18
raulfw
Invitado
 
Mensajes: n/a
Puntos:
Efecto ALT mejorado

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!!!
  #2 (permalink)  
Antiguo 13/02/2014, 01:06
Avatar de MarioAraque
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Valencia
Mensajes: 1.398
Antigüedad: 8 años, 10 meses
Puntos: 265
Respuesta: Efecto ALT mejorado

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.
__________________
Mi web personal
  #3 (permalink)  
Antiguo 13/02/2014, 02:02
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.481
Antigüedad: 16 años
Puntos: 2109
Respuesta: Efecto ALT mejorado

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.
  #4 (permalink)  
Antiguo 13/02/2014, 02:21
 
Fecha de Ingreso: junio-2012
Ubicación: Madrid
Mensajes: 339
Antigüedad: 6 años, 2 meses
Puntos: 47
Respuesta: Efecto ALT mejorado

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
  #5 (permalink)  
Antiguo 13/02/2014, 13:24
raulfw
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Efecto ALT mejorado

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?
  #6 (permalink)  
Antiguo 14/02/2014, 01:27
Avatar de MarioAraque
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Valencia
Mensajes: 1.398
Antigüedad: 8 años, 10 meses
Puntos: 265
Respuesta: Efecto ALT mejorado

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.
__________________
Mi web personal
  #7 (permalink)  
Antiguo 14/02/2014, 07:58
raulfw
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Efecto ALT mejorado

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.
  #8 (permalink)  
Antiguo 14/02/2014, 08:12
Avatar de MarioAraque
Colaborador
 
Fecha de Ingreso: octubre-2009
Ubicación: Valencia
Mensajes: 1.398
Antigüedad: 8 años, 10 meses
Puntos: 265
Respuesta: Efecto ALT mejorado

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.
__________________
Mi web personal
  #9 (permalink)  
Antiguo 14/02/2014, 14:22
raulfw
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Efecto ALT mejorado

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.

Etiquetas: efecto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:52.