Foros del Web » Creando para Internet » HTML »

Incluir algo similar a un ALT/title pero que aplique a una colección de imágenes

Estas en el tema de Incluir algo similar a un ALT/title pero que aplique a una colección de imágenes en el foro de HTML en Foros del Web. Si han visto las estrellitas que corresponden al karma en el foro, verán que cada una incluye un alt correspondiente a cierta leyendo dependiendo el ...
  #1 (permalink)  
Antiguo 23/12/2009, 15:45
Avatar de cvander
Moderador
 
Fecha de Ingreso: abril-2001
Ubicación: Ciudadano del mundo
Mensajes: 13.631
Antigüedad: 16 años, 7 meses
Puntos: 1786
Incluir algo similar a un ALT/title pero que aplique a una colección de imágenes

Si han visto las estrellitas que corresponden al karma en el foro, verán que cada una incluye un alt correspondiente a cierta leyendo dependiendo el número de estrellitas que tienes. Aunque es un detalle interesante, nos dimos cuenta que estamos multiplicando el número de textos en el alt por cada estrellita mostrada en cada post y considerando que hay usuarios que se han ganado muchas estrellitas, lo que hemos logrado son resultados muy positivos en google que no fueron planeados:

(búsqueda en google por "mas bueno que la perra lassie")

Así que estaba pensando en remover el ALT de todas las imágenes y pensar en otra estrategia para mostrar el karma. Actualmente duplica las estrellitas por el valor de karma que vas teniendo y cambiarlo está un poco complicado por la programación del foro, pero hay alguna forma de que podamos seguir incluyendo la leyenda una sola vez aplicada a todas las estrellitas correspondientes a un usuario?
__________________
- Christian Van Der Henst
Platzi
  #2 (permalink)  
Antiguo 23/12/2009, 15:56
Avatar de Vun
Vun
Colaborador
 
Fecha de Ingreso: agosto-2009
Ubicación: Benalmádena, España
Mensajes: 2.265
Antigüedad: 8 años, 4 meses
Puntos: 150
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

Buenas master, no se si entendi bien........ ¿quitar alt? ¿mostrar karma de otra forma? ¿o mostrar los alt de otra forma? Vosotros que sabeis mas de CSS, seguro que hay alguna forma de poner una imagen transparente en una capa por encima de todas las medallitas con 1 solo ALT ¿algo asi pedias?
  #3 (permalink)  
Antiguo 23/12/2009, 16:00
Avatar de cvander
Moderador
 
Fecha de Ingreso: abril-2001
Ubicación: Ciudadano del mundo
Mensajes: 13.631
Antigüedad: 16 años, 7 meses
Puntos: 1786
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

Buen aproach el de una imagen transparente que sería la que contendría el alt correspondiente y vendría encima de todas las estrellitas. Creo que esa podría ser una opción.
__________________
- Christian Van Der Henst
Platzi
  #4 (permalink)  
Antiguo 23/12/2009, 16:09
Avatar de j_aroche
Server Ninja
 
Fecha de Ingreso: agosto-2006
Ubicación: iPhone: 14.624481,-90.487457
Mensajes: 2.066
Antigüedad: 11 años, 3 meses
Puntos: 223
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

En este caso, creo que la mejor opción es hacer un "CSS Stripe" con todas las estrellas y en base al rank dale un ancho. Algo similar a lo que debería hacer Google.
__________________
Blog: JavierAroche.com - Twitter: @j_aroche
  #5 (permalink)  
Antiguo 23/12/2009, 16:20
Avatar de cvander
Moderador
 
Fecha de Ingreso: abril-2001
Ubicación: Ciudadano del mundo
Mensajes: 13.631
Antigüedad: 16 años, 7 meses
Puntos: 1786
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

Buena idea la de los CSS stripes aunque en la práctica, me parece que vbulletin nos está limitando. No me envia un valor de karma para representarlo en el ancho de la imagen, sino simplemente duplica dependiendo el valor del karma el número de elementos a incluir.

Y también me recuerdan de que aunque disminuya el número de ALTs, eso no eliminaría la repetición que se causa si varios usuarios tienen la misma leyenda.
__________________
- Christian Van Der Henst
Platzi
  #6 (permalink)  
Antiguo 23/12/2009, 18:13
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

Yo creo que la opción más fácil de implementar es lo de la imagen transparente.

Pero igual no creo que Vbulletin te limite como para usar CSS Stripes, por que usan un plugin de Vbulletin no una función nativa (o me equivoco??) y se podría modificar para que de el ancho de una imagen. Esto también tendría otros problemas, por que los usuarios que tienen poco Karma o nada, usaran la imagen completa del stripe lo mismo los que tengan muchas estrellitas.

Bueno es lo que pienso de eso

Saludos
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 23/12/2009, 19:16
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

A ver, title es válido para cualquier elemento; por lo que probablemente lo más sencillo sea asignar el title a ese <span> que contiene las estrellitas.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #8 (permalink)  
Antiguo 24/12/2009, 00:06
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

Hola:

Y digo yo, no se podría poner una imagen generada por php, con url del estilo:
<img src="karma.php?usuario=caricatos"... y que consulte ese karma.php el karma en la base de datos... lo mismo podría valer para los avatares...

Otra cosa que sería fácil de implementar sería sabiendo la cantidad de estrellas.
<img src="karma.php?estrellas=n", donde n sea las estrellas a poner y por ejemplo, reservar el 0 para las opacas...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Última edición por caricatos; 24/12/2009 a las 00:07 Razón: ortografía
  #9 (permalink)  
Antiguo 24/12/2009, 08:32
Avatar de cvander
Moderador
 
Fecha de Ingreso: abril-2001
Ubicación: Ciudadano del mundo
Mensajes: 13.631
Antigüedad: 16 años, 7 meses
Puntos: 1786
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

@David, buena idea lo del title en el span. Estoy viendo si a nivel plantilla me transmite el valor de una a otra para lograrlo.

@Caricatos, con lo del valor "n", el problema es que no lo tengo en número (sino usar lo de csssprites tendría sentido), sino que en base a ese valor lo que hace el script del foro es imprimirme un img n cantidad de veces..
__________________
- Christian Van Der Henst
Platzi
  #10 (permalink)  
Antiguo 24/12/2009, 18:24
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

cvander, si muestras el codigo del ciclo para repetir las imagenes, seguro entre todos encotraremos la solucion... que la mas apropiada me parece ser los stripes, sugeridos por Server Ninja.
__________________
- León, Guanajuato
- GV-Foto
  #11 (permalink)  
Antiguo 24/12/2009, 20:08
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

Hola Triby. No creo que sea práctico mover el código del núcleo de vBulletin.

Si realmente se piensa implementar con sprites (vamos, con que creo que no hace falta), es mejor:
- Implementarlo con un pequeño plugin que use el hook 'reputation_image'
- Esperar, vBulletin 4 tiene un sistema de plantillas más robusto y probablemente (aún no he revisado) las imágenes del nivel de reputación se generen directamente en las plantillas y no en el código núcleo (como es ahora)
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #12 (permalink)  
Antiguo 25/12/2009, 13:09
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

Hola:

También creo que la mejor solución sería la de la imagen transparente.

Saludos.

  #13 (permalink)  
Antiguo 27/12/2009, 21:43
Avatar de cvander
Moderador
 
Fecha de Ingreso: abril-2001
Ubicación: Ciudadano del mundo
Mensajes: 13.631
Antigüedad: 16 años, 7 meses
Puntos: 1786
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

Tengo el problema que donde puedo incluir la imagen transparente es una plantilla donde no se transmite el valor que va a incluir ese title.. Y luego hay otra plantilla donde solo aparece el código de cada imagen que viene a multiplicarse, así que estoy medio bloqueado.

Como bien dice David, se nos vino una nueva versión de vBulletin que debería hacernos más fácil la vida. Esta semana empezaremos a experimentar como funciona en el foro de desarrollo para ir planeando una migración a futuro.
__________________
- Christian Van Der Henst
Platzi
  #14 (permalink)  
Antiguo 27/12/2009, 21:44
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.020
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

El atributo ALT puede imprimirse vacío sin problemas ni dañar la validación (alt=""). Sería cuestión de programar de tal forma que muestre texto sólo en la última o primera estrella.

En cuanto al TITLE, la solución del <span> es la más sensata.
  #15 (permalink)  
Antiguo 29/12/2009, 04:07
Avatar de McBlink  
Fecha de Ingreso: noviembre-2006
Ubicación: $ARG->LaPampa()
Mensajes: 1.694
Antigüedad: 11 años
Puntos: 22
Respuesta: Incluir algo similar a un ALT/title pero que aplique a una colección de im

¿y cuál es el ALT de cada estrellita? ¿Es muy largo, por eso quieren poner solo uno? (ademas de ahorrar recursos)
estaba pensando, si le ponés de ALT=" * " aunque no se carguen las estrellitas aparecerian los asteriscos indicando algo similar.
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 00:38.