2008-09-15 14 views
56

¿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?

+0

¿Quiere decir Coverflow (http://en.wikipedia.org/wiki/Cover_Flow) o Vistazo rápido (http://www.apple.com/macosx/features/quicklook.html)? – Gilean

+7

La descripción es desafiante de Vista rápida (sin flujo de cobertura) .. – dbr

+0

@dbr desafiante? – rickyduck

Respuesta

11

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:

+0

el segundo enlace está roto – itsadok

+4

Una implementación entre navegadores con soporte móvil, http://luwes.co/labs/js-cover-flow/ – luwes

+0

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). –

-1

Ésta se ve muy prometedor, y más cerca del verdadero efecto CoverFlow de Apple que los otros ejemplos:

blarnee.com/projects/cflow

+1

... excepto que se bloquea (al menos en IE) – Pedery

+0

... y en el cromo lo hace nowt –

+1

..y en Firefox – zack

71

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!
+0

Gran - gracias Zack! – thethinman

+0

Gracias zack, esta es de hecho la mejor de todas las libs de flujo de cobertura que he visto en mi evaluación! –

+3

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. –

1

Salida momoflow: http://flow.momolog.info verdadero efecto CoverFlow, y performant en WebKit (Safari y Chrome) y Opera, bien en Firefox.

0

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.

1

¡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.

2

jCoverflip acaba de lanzarse y es muy personalizable.

1

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

3

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.

Cuestiones relacionadas