¿Alguien sabe cómo lograr el efecto de flujo de cobertura mediante JavaScript para desplazarse por un conjunto de imágenes. No estoy hablando de la 3D que gira itunes carátula, pero el efecto que ocurre cuando presionas la barra espaciadora en una carpeta de documentos, lo que te permite obtener una vista previa de ellos en una lightbox moda.¿Efecto Apple Cover-flow usando jQuery u otra biblioteca?
Respuesta
Trate elementos de la interfaz Jquery aquí - http://interface.eyecon.ro/docs/carousel
He aquí una muestra. http://interface.eyecon.ro/demos/carousel.html
Miré a mi alrededor en busca de un carrusel de imágenes Jquery hace unos meses y no encontré uno bueno, así que me di por vencido. Este fue lo mejor que pude encontrar.
No estoy seguro de si está hablando de Coverflow (desplazarse por las imágenes) o Quicklook (previsualizar los archivos en lightbox), intente editar su pregunta.
Aquí hay algunas implementaciones JS Coverflow:
el segundo enlace está roto – itsadok
Una implementación entre navegadores con soporte móvil, http://luwes.co/labs/js-cover-flow/ – luwes
Puedo recomendar la implementación de @luwes. Es bueno de usar y también se puede usar "sin conexión" si necesita presentar algo en HTML sin una conexión a Internet (como en mi caso). –
Hay un estilo de Apple Galería deslizante encima en http://www.jqueryfordesigners.com/slider-gallery/ que utiliza jQuery y la interfaz de usuario.
Ésta se ve muy prometedor, y más cerca del verdadero efecto CoverFlow de Apple que los otros ejemplos:
http://www.jacksasylum.eu/ContentFlow/
- es el mejor que he encontrado. un verdadero 'CoverFlow', altamente configurable, de navegador cruzado, acción muy suave, tiene reflejos y es compatible con el control de la rueda de desplazamiento + teclado. - tiene que ser lo que estás buscando!
Gran - gracias Zack! – thethinman
Gracias zack, esta es de hecho la mejor de todas las libs de flujo de cobertura que he visto en mi evaluación! –
Esto se ve muy bien, pero estoy realmente desconectado por el hecho de que requiere que juegues con el DOM y, como tal, no puede degradarse con gracia. –
Salida momoflow: http://flow.momolog.info verdadero efecto CoverFlow, y performant en WebKit (Safari y Chrome) y Opera, bien en Firefox.
el efecto que se produce cuando se pulse la barra espaciadora en una carpeta de documentos , lo que le permite obtener una vista previa de un modo caja de luz
Parece que se necesita un plugin caja de luz clásica. Este es mi plugin jQuery lightbox favorito: http://colorpowered.com/colorbox/. Es fácil de personalizar, etc.
¡Para que todos lo sepan, xFlow! ha realizado un gran trabajo en él y ha mejorado enormemente.
Vaya a http://xflow.pwhitrow.com para obtener más información y la última versión.
jCoverflip acaba de lanzarse y es muy personalizable.
Actualmente estoy trabajando en esto y planea lanzarlo como un plugin jQuery-ui.
->http://coulisse.luvdasun.com/
favor, hágamelo saber si usted está interesado y lo que espera ver en un plugin de este tipo.
gr
creo que esto es lo que quieren http://addyosmani.com/blog/jqueryuicoverflow/
De hecho, estaba buscando este tipo de ejemplo muchas gracias –
colorbox tiene tal features..loving asombroso. También como este http://www.webappers.com/2008/03/05/galleria-simple-but-nice-jquery-image-gallery/
Intenté utilizar el flujo de cubierta de Jack's Asylum pero no me permitía eliminar y volver a agregar fácilmente un flujo de cobertura completo. Eventualmente encontré http://finnrudolph.de/ImageFlow y no solo es más confiable, es más fácil de enganchar, usa menos marcado, y no fluctúa al pasar las imágenes. Es de lejos el mejor que he encontrado, y he probado varios en esta página.
¿Esto es lo que estás buscando?
"Create an Apple Itunes-like banner rotator/slideshow with jQuery" es un artículo que explica cómo puede lograr ese efecto utilizando jQuery.
También puede ver el live demo.
- 1. efecto profundidad usando Javascript (jQuery)
- 2. Conflicto JQuery con otra biblioteca JQuery
- 3. ¿Múltiples conexiones (asíncronas) con urllib2 u otra biblioteca http?
- 4. Biblioteca de CoverFlow de código abierto para iPhone
- 5. jQuery determinar si ul tiene clase u otra
- 6. Usando Microsoft (u otra) cinta con proyecto grande y MVVM
- 7. Tesseract u otra OCR lib
- 8. Coverflow en HTML5 para iPhone/iPod Touch
- 9. Jquery Slider Efecto
- 10. Mobile Jquery - Efecto Flip
- 11. cámara de acercamiento en tres JS sin controles trackball u otra biblioteca de control de cámara
- 12. ¿Hay una biblioteca de JavaScript (u otra) para leer las licencias de conducir?
- 13. ¿Cómo puedo lograr este efecto Flash usando jQuery?
- 14. jQuery .load() con efecto fadeIn
- 15. efecto de flash con jquery
- 16. ¿Hay un C++ Wrapper amigable STL y UTF-8 para ICU u otra poderosa biblioteca Unicode?
- 17. R u otra robusta libra matemática de Ruby en Heroku?
- 18. jQuery Mobile-efecto slideDown plegable
- 19. jQuery - "punto culminante" efecto ayuda
- 20. ¿Cómo creo este efecto usando javascript?
- 21. ¿Es posible incluir una biblioteca de otra biblioteca usando el IDE de Arduino?
- 22. Encriptación de contraseña con Spring/Hibernate - Jasypt u otra cosa?
- 23. JSONPath u otra utilidad similar a XPath para JSON/Javascript; o Jquery JSON
- 24. Trazar histograma RTT utilizando wireshark u otra herramienta
- 25. jQuery UI efecto ciego - revelar desde abajo
- 26. ¿Agregar imagen de fondo/color a DMG usando hdiutil u otra herramienta?
- 27. ¿Windows equivalente para "pantalla" de Linux u otra alternativa?
- 28. Envíe un formulario usando jquery sin navegar a otra pantalla
- 29. Photo booth en iOS. ¿Usando OpenCV u OpenGL ES?
- 30. jquery cómo hacer un efecto de volteo?
¿Quiere decir Coverflow (http://en.wikipedia.org/wiki/Cover_Flow) o Vistazo rápido (http://www.apple.com/macosx/features/quicklook.html)? – Gilean
La descripción es desafiante de Vista rápida (sin flujo de cobertura) .. – dbr
@dbr desafiante? – rickyduck