Foros del Web » Creando para Internet » CSS »

Evitar que la estructura de la web se mueva al cargar los .js

Estas en el tema de Evitar que la estructura de la web se mueva al cargar los .js en el foro de CSS en Foros del Web. Al ir cargando la página que indico se ve como se mueve ligeramente la estructura de la web (por carga de elementos css al ejecutar ...
  #1 (permalink)  
Antiguo 07/10/2012, 06:49
 
Fecha de Ingreso: marzo-2011
Mensajes: 345
Antigüedad: 13 años, 8 meses
Puntos: 28
Evitar que la estructura de la web se mueva al cargar los .js

Al ir cargando la página que indico se ve como se mueve ligeramente la estructura de la web (por carga de elementos css al ejecutar los javascript del carrusel de fotos). El efecto es que se mueve ligeramente de izquierda a derecha. En páginas como la home no pasa porque no tengo los javascript que uso aquí (para el carrusel de imágenes).


La puntuación de 5 estrellas que tengo se ve bien antes de finalizar la carga (debe estar justo en 4.5), pero al final marca menos de lo que debería (marca como 4.4 o algo así)


http://candas.sytes.net/espanol/ficha-bar-nordeste

¿Soluciones?

Por css veo que eliminando el float:right de las estrellas esto no pasa, pero claro, quiero las estrellas hacia la derecha y necesito ese float o algo similar (sin caer en paddings ni cosas así...)
  #2 (permalink)  
Antiguo 07/10/2012, 13:55
Avatar de Sirikon  
Fecha de Ingreso: marzo-2009
Mensajes: 82
Antigüedad: 15 años, 7 meses
Puntos: 11
Respuesta: Evitar que la estructura de la web se mueva al cargar los .js

Ves que va de izquierda a derecha porque al cargar la página por alguna razón el carrusel de fotos se alarga mucho hacia abajo, obligando al navegador a poner a la derecha la barra de scroll para que se pueda ver todo el contenido, y, al añadir una barra a la derecha el contenido de la web se reposiciona para que siga estando totalmente centrado con el nuevo ancho, entonces al cargar el script el carrusel se pone en su tamaño original ya no siendo necesaria la barra derecha de scroll, quitándola y volviendo la web a su estado original y ancho original.

Puedes solucionar esto de una forma:
1.- Al principio en la hoja de estilos de la página, .galeriaimg será "display:none;" de forma que no aparecerá.
2.- Añade un script después del script que hace que ese carrusel sea un carrusel que lo que haga sea volver a mostar .galeriaimg devolviendo su "display" al estado original.

Eso debería solventar el problema, cualquier duda comenta por aquí y cuéntanos cómo te fué.

Saludos!
__________________
Carlos a.k.a. Sirikon - Escorbuto Team
  #3 (permalink)  
Antiguo 07/10/2012, 14:38
 
Fecha de Ingreso: marzo-2011
Mensajes: 345
Antigüedad: 13 años, 8 meses
Puntos: 28
Respuesta: Evitar que la estructura de la web se mueva al cargar los .js

Lo del scroll no me daba cuenta...

¿Sabes como hacer que la puntuación de 0 a 5 estrellas se vea correctamente?. Para pintar las estrellas hago un width:86% (4,5 estrellas exactas en pixels) en este caso de ese elemento. Pero con la carga de elementos parece que ese 86% de pixels antes de la carga es una cosa y después otra.

Mi problema es ese, sé que poniendo el width sin porcentaje (130 px por ejemplo) va bien, pero no entiendo que le pasa a la css que se descojona justo para ese elemento.

Última edición por limpiezadirect; 07/10/2012 a las 14:47
  #4 (permalink)  
Antiguo 07/10/2012, 18:18
Avatar de Sirikon  
Fecha de Ingreso: marzo-2009
Mensajes: 82
Antigüedad: 15 años, 7 meses
Puntos: 11
Respuesta: Evitar que la estructura de la web se mueva al cargar los .js

Intente entrar a ver pero el servidor esta en mantenimiento, me dejo una notita y te lo miro mañana por la mañana.

Saludos!
__________________
Carlos a.k.a. Sirikon - Escorbuto Team
  #5 (permalink)  
Antiguo 08/10/2012, 06:34
 
Fecha de Ingreso: marzo-2011
Mensajes: 345
Antigüedad: 13 años, 8 meses
Puntos: 28
Respuesta: Evitar que la estructura de la web se mueva al cargar los .js

Sabiendo lo del scroll ya creo que me las arreglo bastante bien, de una forma u otra.

Creo que la mejor opción para mí es poner el ancho es pixels absolutos para definir el color de las estrellas y no con porcentajes.

Otra cosa es que el plugin del carrusel haga ese feo efecto, eso ya lo estudiaré.

Etiquetas: estructura, js
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 03:45.