SlideShow o Galeria en Fullscreen ??
Autor: Paco D.
Visitado 3959,
Followers 2,
Compartido 0
Hola , ya tengo la versión 13 de Website X5 , pensaba que ya podría poner tanto galerias de fotos como slideshow en Fullscreen , pero no veo como hacerlo , quiero poner un slideshow que ocupe todo el ancho del navegador , justo debajo del menu , pero no sé como hacerlo.
¿me podéis indicar como hacer esto?
Un ejemplo de como quiero hacer la página : www.proiseg.com
Gracias , espero su respuesta.
Un saludo.
Paco.
Publicado en
Hola Paco, edité mi mensaje porque la forma que estaba abordando el tema era como lo hacía en la V10, la primera que tenía, claramente no dío el resultado que quería al hacer las pruebas en el RWD de la V. 13.
Intenté:
Saludos
Jorge M.
Hola!
Es decir que en la nueva versión no es posible (una vez más) el tener un slideshow que utilice el ancho completo de la web?
Acá un ejemplo más claro: http://www.jssor.com/demos/full-width-slider.slider
Según había leído ahora (x13) se puede trabajar con ancho completo, ¿esto es verdad?
Saludos!
Hola Luis, con WebSite X5 V13, no lo descarto, de hecho en este momento estoy enfrascado en ese tema.
Tener fondo/imagen/video de fondo que ocupe el ancho completo ahora es fácil con la V.13, con un par de clics se activa. La galería no encuentro opción todavía.
EDITADO: Pude lograr el efecto por medio del WOW SLIDER, se que no es lo que se espera pero es una ayuda si tienes el programa, de hecho fué muy sencillo usarlo.
En cuanto al WebSite X5 V13
Puede que se me haya pasado una opción por alto, por ahora voy a pedir que el Staff de Incomedia revise este caso, mientras tengan en cuenta:
Sobre la atención del Staff:
Tenga en cuenta que el Staff de Incomedia responde a los mensajes de los usuarios dentro de 24-48 horas en los días laborales. Le sugerimos que espere una respuesta, ya que al insertar un comentario nuevo en su mismo post, la fecha del mensaje se actualiza y pierde prioridad, alargando de esa forma el tiempo de espera para recibir una respuesta.
No necesitas responder esté mensaje hasta que el Staff de Incomedia responda.
Saludos
Jorge M.
hola nuevamente Jorge!
Veo que al parecer lo has logrado con código externo, la verdad no me importaría utilizar WOWSlider u otro similar, pero veo un pequeño inconveniente ya que el contenido de la plantilla sigue restringido al ancho que uno le dé, por lo que igual no sería de ancho completo, la solución definitiva sería poder agregar código HTML como fondo de fila.
Por otro lado estimo (desde mi puesto de usuario) que sería bastante fácil agregar la opción de seleccionar un conjunto de fotos para poner como fondo de fila ya que ahora se puede agregar color, una imagen o incluso un video de fondo.
La verdad he estado pensando y hasta he estimado el crear un video (con slideshow de fotos) para poner en el fondo de la fila, pero obviamente no es lo mismo... es una lástima que una vez mas no se esté dando la opción siendo que es algo tan relevante en diseño web desde hace varios años.
Atento a tus comentarios!
Hola Luis, con WowSlider, si se adapta a full ancho, funciona muy bien incluso en RWD y cero código externo, la verdad me sorprendió por lo fácil que se pilló un espacio en el diseño del WebSite X5. Luego lo repito y agrego el proyecto para que vean como queda. Porque por lo general borro mis proyectos de prueba.
Si yo pensé igual poner un objeto HTML vacío y un video de fondo pero como dices, no es lo mismo.
Yo intenté muchas pruebas con código de WebSite X5 (antes de intentar el WowSlider) y el problema era que no se adaptaba al ancho completo, pero te confirmo que la prueba del WowSlider fue un éxito. Solo eso le falta a WebSite X5 y queda perfecto.
Saludos
Jorge M.
Hola Jorge!
Ya lo probé y no, tal como creía el slider creado con WOWSLIDER se ajusta al ancho máximo creado en la plantilla de X5
¿Quizá será que tu tienes el ancho máximo en 1920?, ¿podrías probar con un ancho máximo de 1200?
Saludos!
Hola Luis, probé con una de las plantillas estandar con un ancho de no mas de 960 px, deja reunir datos y lo adjunto.
Saludos
Jorge M.
Editado: El ejemplo de Luis S. esta en un servidor y el video de mis pruebas ya es redundante, por eso lo elimino.
Saludos
Jorge M
Ya!
He estado haciendo pruebas con WOWSLIDER y X5, de momento lo que me ha resultado es:
1.- En x5 crear un objeto de código HTML en blanco, pero activando "Altura automática", vamos a "Estilo de Fichas" y seleccionamos "Extender al ancho de la pantalla", en color seleccionamos "transparente" y exportamos la página a una carpeta.
2.- En WOWSLIDER crear el slide y para exportar utilizar la opción "Insert-To-Page wizard" y seleccionamos el INDEX de nuestra página, acá hay que seleccionar con cuidado el espacio preciso ya que es muy pequeño (se pone amarillo el ancho completo).
Acá la prueba que tengo hasta el momento: http://zonaretro.cl/pruebax5/
Vamos avanzando, espero podamos encontrar el mejor método para ver si hago un post con instrucciones detalladas y con imágenes
Hola Luis, pues me alegro que lo hayas hecho, te dije que si se podía.
Saludos
Jorge M.
Autor
Hola Jorge y Luis , gracias por vuestra ayuda , pero la pregunta es , para usar un slideshow hecho en Wowslider , habrá que comprar tambien la licencia , luego para hacer una web con un slideshow fullscreen hay que comprar tanto licencia en Website como en Wowslider ???
Un programa actual con este deberia poder poner una galeria de fotos en fullscreen sin mas problema ....
Ademas Luis , he seguido tus indicaciones y efectivamente he conseguido montar el slideshow a fullscreen en la página , pero es un engorro , tener que exportar a una carpeta , editarla con el wowslider y ahora subirla por ftp , porque ya no se puede directamente desde el programa , no ?? , es una forma pero no me convence .. Sigo pensando que el programa tendría que hacerlo directamente ...
Ya me diréis que pensáis y si se os ocurre algo nuevo ..
Gracias otra vez .
Efectivamente es una complicación muy grande y que podría ser evitada si tan solo nos dejaran agregar algo de código HTML personalizado en uno de los siguientes lugares:
1.- Fondo de una fila (donde ya se puede agregar una imagen, color y video)
2.- Justo después de <a id="imGoToCont"> (justo después del menú + encabezado)
Lo del punto 2 lo descubrí ayer y parece ser una buena y simple opción ya que no interfiere con nada del resto de la web.
Pero no parece haber mucho apoyo con respecto a esto de parte de los usuarios (¿quizá ya se rindieron?), cada tema en donde se nombra el slider de ancho completo termina desviado en buscar otros métodos para logar este objetivo, casi siempre se buscan opciones para insertar WOW slider, pero lamentablemente este software significa un trabajo extra y tiene un valor de entre USD $70 y $99.
Saludos.
Autor
Hola Luis , gracias por tu siempre util respuesta , estoy contigo en que deberiamos ser mas , y tener mas apoyos para conseguir por parte del programa poder hacer los sliders con ancho completo ...
Por mi parte tienes el apoyo , y sigo opinando que es un atraso importante para este programa.
Por cierto Luis , me gustaría que me mantuvieras al dia sobre como es la mejor forma para poder hacer el slide de ancho completo , si tienes alguna guia o puedes explicarme bien , te lo agradeceria bastante , yo investigo lo que puedo , pero no tengo mucho tiempo...
Gracias otra vez..
hola! yo tambien tengo ese problema, es realmente un dolor de cabeza que no haya fullscreem y no entiendo como lo lograron. Gracias. Slaudos!
Hola Mariana, hasta ahora es fácil si usas el WowSlider, ese es un programa que se especializa en galerías, lo puedes usar gratis pero con marca, si lo compras se retira la marca.
El WowSlider agrega la galería después de exportado el proyecto, tal como lo reseña Luis.
Eso es todo lo que se sabe, por ahora, para hacer una galería a full ancho de manera fácil sin programación.
Saludos
Jorge M.
Cordial Saludo. Las Preguntas son: 1-¿El Equipo de WebSite x5 esta trabajando en una solucion propia y no depender de tercero programas que ocasionen gastos adicionelas?. 2-¿Si es asi, para cuando estaria?. Lo anterior debido a que hoy en dia es lo que se utiliza en las WebSite, y es lamentable que WebSite no se tenga esta opcion propia. Espero tener una respuesta concreta y que no se basen en el uso de Wowslider, ya que esto ocasiona una compra adicional de otra licencia. Gracias.
Hola Mauricio P.
Si deseas puedes abrir una idea (Sugerencias para el desarrollo de una nueva funcionalidad de WebSite X5 o para la activación de un nuevo servicio por parte de Incomedia.) y detalla bien lo que necesitas.
Por ahora el programa no incluye las galerías a full ancho como fondo, pero las puedes agregar de terceros, incluso hay galerías gratis en internet, solo es de buscar y agregar.
Hay usuarios que modificando la plantilla lo logran con el objeto Jssor Slider, yo no lo he probado. El mismo tiene un sitio donde puedes probar más y agregarlo por código: http://www.jssor.com/
Solo es buscar la solución, en el caso que lo quieras en WebSite X5 solo agrega la idea.
Saludos
Jorge M.
ciao mi puoi dire esattamente dove inserire il codice di wowslider?
grazie
ciao Vittorio N.
google:
Ora!
Ho testato WOWSLIDEReX5,finoraquello che ho trovatoè il seguente:
1. InX5creareun codiceHTML vuotooggetto,mal'attivazione di"altezza automatica"andare a "Fogli di stile" e selezionare "tutta la larghezzadello schermo,"selezionare il colore"trasparente"eesportarepaginauna cartella.
2.NelWOWSLIDERcrearel'utilizzodi diapositivee l'esportazionel'opzione"Inserisci-To-PageWizard"eselezionarel'indice delnostro sito web,qui sideve selezionarecon attenzione ilgiusto spazioperché è moltopiccolo(larghezzaricevuto un cartellino giallocompleta).
Eccole proveche ho finora:http://zonaretro.cl/pruebax5/
Stiamo facendo progressi,spero che possiamotrovare il metodomigliore per vederese faccioun post conle istruzioni e leimmagini dettagliate
Saluti
Jorge M.
Hola, tengo una consulta, logro hacer con WOWSLIDER lo que necesito, un slideshow a fullscreen en la página, sin embargo en mi página había hecho lo mismo con una imagen GIF hecha en photoshop, pero esta no me permite el fullscreen (Ancho y Largo, que se adapte a la pantalla completa como si lo hace WOWSLIDER), bien, sobre esta imagen coloque el logo, una texto y el formulario de contacto (adjunto foto).
En resumen, lo que deseo es poder colocar un SlideShow que se adapte a cualquier monitor, en largo y ancho, con la solución que coloque, imagen GIF, solo logro que se adapte a lo ancho. con WOWSLIDER, logro que se adapte en ancho y largo, pero no puedo colocar imagen, texto y formulario sobre el.
¿Se puede con WOWSLIDER hacer lo requerido?
Gracias por su ayuda.
Slds.
yo tambien me he estado haciendo la pregunta pero ya le pagamos a websitex5 y no es justo pagar a otros proveedores por lo cual es mejor insertar codigo en propiedades de la pagina, aquí les dejo el enlace para que descarguen el archivo y lo editen, el efecto final es slideshow fullscreen en modo responsive y a quien lo haga en su pagina le encargo que suban los ejemplos por acá y de ser posible me envien enlaces a mi correo ***
https://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/