Estoy usando jcarousel en una página en 3 secciones diferentes. Inicialmente muestro la primera sección y oculto las otras dos con display: none.
He hecho un poco de googlear y descubrí que este es un problema común porque cualquier cosa que no muestre ninguno tiene automáticamente un ancho de 0 y, por lo tanto, jcarousel no puede configurarlo correctamente.
Encontré este post en SO: Ocultar un jCarousel cuando se carga la página
Eso lo soluciona poniendo el contenido queNo quiero mostrarlo todavía moviéndolo fuera de la página, podría hacer eso, pero me preguntaba si sería malo para fines de SEO. Como en Google, ¿no le gustaría que el contenido fuera de la página?
¿Tengo otras opciones?
Respuestas
1 para la respuesta № 1Ok, solucioné mi problema dejando que el contenido se cargara primero y luego, una vez que se cargaron todos los datos de la página, ejecuté una función para ocultar el contenido relativo.
Código en el encabezado .. esto ejecuta el hideHomeCats funciona una vez que todo en la página ha sido cargado.
$(window).load(hideHomeCats);
Dónde hideHomeCats Es una función que oculta el contenido relevante.
Espero que esto ayude a alguien más. :)