es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Lory Carousel Slider presenta CSS Animation & Touch Support

De todos los complementos de carrusel en línea tengo que inclinar mi sombrero a Lory . Es un concepto tan simple pero es fácilmente uno de los controles deslizantes más poderosos en la web.

La versión minificada tiene un total de 7 KB, que no es pequeña, pero ciertamente no está mal para un control deslizante con carrusel táctil .

Puede agregar este complemento a cualquier sitio web ya que se ejecuta en jQuery o JS simple . Se puede ejecutar sin dependencias, lo que es excelente para la compatibilidad.

Lory es también uno de los pocos complementos que no se degrada en los navegadores más antiguos . Es totalmente compatible con IE10 +, y las versiones anteriores todavía pueden ejecutar el control deslizante, simplemente sin animaciones y pequeños extras .

Tendrá que hacer toda la codificación programática usted mismo si desea agregar contenido, pero es sorprendentemente simple . Puede definir el tamaño de cada panel, el tiempo de animación y cómo manejar los navegadores receptivos.

Consulte la página de inicio de Lory para obtener el código fuente y detalles sobre la configuración .

Comience agregando la biblioteca de Lory JS a la sección head su sitio, ya sea como un plugin de jQuery o una biblioteca de vanilla. Actualmente, todas las versiones se alojan en Cloudflare CDN, por lo que es muy fácil incluir una copia sin ninguna descarga.

Con el archivo JavaScript instalado, querrá crear una lista desordenada HTML con los contenidos de la diapositiva, pero Lory viene con algunas clases predefinidas, por lo que es bueno seguir con su modelo .

Aquí hay un código de muestra tomado del repositorio principal de Lory GitHub:

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

Ahora en jQuery (o JS simple), puede configurar una llamada de función . Debería verse algo como esto:

 $ ('. js_slider'). lory ({infinito: 1}); 

Tenga en cuenta que la opción infinite es solo una de las muchas funciones que puede personalizar. Y siempre puede cambiar la clase .js_slider para que se ajuste a sus necesidades.

Al desarrollar con este complemento, es probable que tenga muchas preguntas de personalización. Recomiendo examinar la documentación que se encuentra en la parte inferior de la página de GitHub.

Probablemente no sea la mejor ubicación para los documentos pero afortunadamente son bastante pequeños. Solo tienes 10 opciones para personalizar y tal vez 10-12 eventos diferentes con los que puedes jugar. Esta información también se puede encontrar en la parte inferior del sitio web de Lory, pero es mucho más fácil de leer en GitHub.

Las actualizaciones no son tan frecuentes, pero siempre puede escribir una solicitud de problema en GitHub si tiene problemas. Si realmente tiene problemas con el código, probablemente le resulte más fácil resolverlos en Stack Overflow.

De cualquier manera, puede comenzar rápidamente usando Cloudflare CDN y los documentos de GitHub. Y si está buscando una demostración en vivo con código, consulte esta entrada de CodePen.

Embalaje respetuoso con el medio ambiente hecho correctamente en 20 ejemplos

Embalaje respetuoso con el medio ambiente hecho correctamente en 20 ejemplos

Hay miles de marcas de cosméticos y productos de belleza natural disponibles en el mercado en estos días. Los clientes tienen muchas opciones cuando se trata de escoger el próximo producto para probar en su régimen de belleza diario. Para vencer a la competencia sofocante y destacarse del resto, muchas compañías de cosméticos han decidido volver a la naturaleza a la hora de aplicar ejercicios de marca para sus productos.Aquí h

(Consejos de tecnología y diseño)

Soluciones para PC sobrecalentamiento y cómo mantenerlo fresco

Soluciones para PC sobrecalentamiento y cómo mantenerlo fresco

¿Se está calentando tu PC como la parrilla del Tío Tom? Bueno, definitivamente es una de las señales de que su computadora podría tener problemas. El calor puede ralentizar su PC y apagarlo automáticamente, lo que puede ocasionar la pérdida de datos o dañar permanentemente los componentes. Si su computadora de escritorio o computadora portátil se está calentando hasta el punto de preocupación, entonces debe tomar medidas de inmediato.En esta pu

(Consejos de tecnología y diseño)