Эффект Apple Cover-flow с использованием jQuery или другой библиотеки?
Кто-нибудь знает, как добиться эффекта обтекания с помощью JavaScript для прокрутки кучи изображений. Я не говорю о трехмерной вращающейся обложке itunes, но об эффекте, который происходит, когда вы нажимаете клавишу пробела в папке с документами, что позволяет вам предварительно просмотреть их в стиле лайтбокс.
Описание вызывающе Quick Look (не Cover Flow).
@rickyduck Ага. Возможно, это как-то связано с орфографической проверкой.
Тем не менее, оказалось, что на Coverflow есть множество ответов, даже недавних! 9/10, поискал бы еще раз.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 14
Попробуйте элементы интерфейса Jquery здесь - http://interface.eyecon.ro/docs/carousel
Вот образец. http://interface.eyecon.ro/demos/carousel.html
Несколько месяцев назад я поискал карусель изображений JQuery и не нашел подходящей, поэтому сдался. Это было лучшее, что я мог найти.
Не уверен, что вы говорите о Coverflow (прокрутка изображений) или Quicklook (предварительный просмотр файлов в лайтбоксе), попробуйте отредактировать свой вопрос.
Вот некоторые реализации JS Coverflow:
- MooFlow - Coverflow для MooTools
- Coverflow в JS-доказательстве концепции
- Coverflow с использованием преобразований JS и CSS (только для Webkit)
Кроссбраузерная реализация с поддержкой мобильных устройств, luwes.co/labs/js-cover-flow
Могу порекомендовать реализацию @luwes. Удобен в использовании и также может использоваться в автономном режиме, если вам нужно представить что-то в HTML без подключения к Интернету (как это было в моем случае).
Здесь так много 404 URL.
Слайдер галереи в стиле Apple находится по адресу http://www.jqueryfordesigners.com/slider-gallery/, который использует jQuery и пользовательский интерфейс.
Этот выглядит действительно многообещающе и ближе к реальному эффекту покрытия Apple, чем другие примеры:
... за исключением того, что он вылетает (по крайней мере, в IE)
... а на хроме этого не происходит
http://www.jacksasylum.eu/ContentFlow/
- лучшее, что я когда-либо находил. настоящий «CoverFlow», легко настраиваемый, кросс-браузерный, очень плавное действие, имеет разрешения и поддерживает колесо прокрутки + управление с клавиатуры. - должно быть то, что вы ищете!
Спасибо, Зак, это действительно лучшая из всех библиотек coverflow, которые я видел в своей оценке!
Это выглядит великолепно, но меня действительно отталкивает тот факт, что он требует от вас возиться с DOM и, как таковой, не может изящно деградировать.
Большое спасибо за эту ссылку. Я нашел несколько других, особенно этот - addyosmani.com/blog/jqueryuicoverflow, - но ContentFlow - лучший вариант за эти деньги.
Поскольку это манипулирование значениями высоты и ширины и постоянное прослушивание события mousemove, это решение работает очень медленно на мобильных устройствах. Более оптимизированным для производительности решением было бы использование переходов css3 ... Оно изначально предназначено для этого. Это не будет работать в ie6 / 7/8, но вы можете легко реализовать изящную деградацию или полифил, чтобы справиться с этим.
Ссылка умерла в 2017 году - могу ли я найти это в другом месте?
Самая старая «полная» ссылка на машине Wayback - из Апрель, 2016, а код заархивирован как ContentFlow_1.0.2.zip на GitHub.
Проверьте momoflow: http://flow.momolog.info Настоящий эффект coverflow, работающий в Webkit (Safari и Chrome) и Opera, нормально в Firefox.
the effect that happens when you hit the space bar in a folder of documents, allowing you to preview them in a lightbox fashion
Похоже, нужен классический плагин для лайтбоксов. Это мой любимый плагин для лайтбоксов jQuery: http://colorpowered.com/colorbox/. Легко настроить и т. д.
Просто чтобы вы все знали, xFlow! была проделана большая работа и значительно улучшена.
Перейдите на http://xflow.pwhitrow.com для получения дополнительной информации и последней версии.
jCoverflip был только что выпущен и очень настраиваемый.
В настоящее время я работаю над этим и планирую выпустить его как плагин jQuery-ui.
-> http://coulisse.luvdasun.com/
пожалуйста, дайте мне знать, если вы заинтересованы и что вы надеетесь увидеть в таком плагине.
гр
Думаю, это то, что вам нужно http://addyosmani.com/blog/jqueryuicoverflow/
colorbox имеет такие удивительные особенности ... люблю это. Тоже нравится этот http://www.webappers.com/2008/03/05/galleria-simple-but-nice-jquery-image-gallery/
Я попытался использовать поток покрытия Убежища Джека, но это не позволило мне легко удалить и повторно добавить весь поток покрытия. В конце концов я нашел http://finnrudolph.de/ImageFlow, и он не только более надежен, но и легче подключается, использует меньше разметки и не дрожит при перелистывании изображений. Это, безусловно, лучшее, что я нашел, и я пробовал несколько на этой странице.
Это то, что вы ищите?
«Создание ротатора баннеров / слайд-шоу в стиле Apple Itunes с помощью jQuery» - это статья, объясняющая, как можно добиться такого эффекта с помощью jQuery.
Вы также можете просмотреть живая демонстрация.
Вы имеете в виду Coverflow (en.wikipedia.org/wiki/Cover_Flow) или Quick Look (apple.com/macosx/features/quicklook.html)?