IT박스

jQuery 또는 다른 라이브러리를 사용하는 Apple Cover-flow 효과?

itboxs 2020. 12. 24. 23:29
반응형

jQuery 또는 다른 라이브러리를 사용하는 Apple Cover-flow 효과?


누구든지 JavaScript를 사용하여 여러 이미지를 스크롤하여 커버 플로우 효과를 얻는 방법을 알고 있습니까? 나는 3D 회전 아이튠즈 커버 아트 에 대해 말하는 것이 아니라 문서 폴더의 스페이스 바를 눌렀을 때 발생하는 효과에 대해 이야기하고있어 라이트 박스 방식 으로 미리 볼 수 있습니다 .


http://www.jacksasylum.eu/ContentFlow/

  • 내가 찾은 것 중 최고입니다. 진정한 'CoverFlow', 고도로 구성 가능, 크로스 브라우저, 매우 부드러운 동작, 반사 기능이 있으며 스크롤 휠 + 키보드 제어를 지원합니다. -당신이 찾고있는 것이되어야합니다!

Coverflow (이미지 스크롤) 또는 Quicklook (라이트 박스에서 파일 미리보기)에 대해 이야기하고 있는지 확실하지 않은 경우 질문을 편집 해보십시오.

다음은 몇 가지 JS Coverflow 구현입니다.


나는 이것이 당신이 원하는 것이라고 생각합니다 http://addyosmani.com/blog/jqueryuicoverflow/


http://www.jqueryfordesigners.com/slider-gallery/ 에는 jQuery와 UI를 사용 하는 Apple 스타일의 Gallery Slider가 있습니다.


Jack 's Asylum 커버 플로우를 사용해 보았지만 전체 커버 플로우를 쉽게 제거하고 다시 추가 할 수는 없었습니다. 나는 결국 http://finnrudolph.de/ImageFlow를 발견 했고 더 신뢰할 수있을뿐만 아니라 연결하기 쉽고 마크 업을 덜 사용하며 이미지를 넘길 때 흔들리지 않습니다. 지금까지 내가 찾은 것 중 최고이며이 페이지에서 몇 가지를 시도했습니다.


jCoverflip 이 방금 출시되었으며 매우 사용자 정의 할 수 있습니다.


colorbox에는 놀라운 기능이 있습니다. 또한 이것처럼 http://www.webappers.com/2008/03/05/galleria-simple-but-nice-jquery-image-gallery/


이것이 당신이 찾고있는 것입니까?

" jQuery로 Apple Itunes와 유사한 배너 회전 / 슬라이드 쇼 만들기 "는 jQuery를 사용하여 이러한 효과를 만드는 방법을 설명하는 기사입니다.

라이브 데모를 볼 수도 있습니다 .


여기 JQuery와 인터페이스 요소 시도 - http://interface.eyecon.ro/docs/carousel

여기에 샘플이 있습니다. http://interface.eyecon.ro/demos/carousel.html

몇 달 전에 Jquery 이미지 캐 러셀을 둘러 보았지만 좋은 이미지를 찾지 못해서 포기했습니다. 이것은 내가 찾을 수있는 최고였습니다.


momoflow : http://flow.momolog.info True coverflow 효과, Webkit (Safari 및 Chrome) 및 Opera에서 성능, Firefox에서도 괜찮습니다.


모두에게 알리기 위해 xFlow! 몇 가지 주요 작업을 수행했으며 크게 개선되었습니다.

자세한 정보와 최신 버전은 http://xflow.pwhitrow.com으로 이동 하십시오.


저는 현재 이것을 작업 중이며 jQuery-ui 플러그인으로 출시 할 계획입니다.

-> http://coulisse.luvdasun.com/

관심이 있고 그러한 플러그인에서 무엇을보고 싶은지 알려주십시오.

gr


문서 폴더의 스페이스 바를 눌렀을 때 발생하는 효과로 라이트 박스 방식으로 미리 볼 수 있습니다.

클래식 라이트 박스 플러그인이 필요한 것 같습니다. 이것은 제가 가장 좋아하는 jQuery 라이트 박스 플러그인입니다 : http://colorpowered.com/colorbox/ . 사용자 정의 등이 쉽습니다.


이것은 정말 유망 해 보이며 다른 예보다 실제 Apple Coverflow 효과에 더 가깝습니다.

blarnee.com/projects/cflow

참조 URL : https://stackoverflow.com/questions/67207/apple-cover-flow-effect-using-jquery-or-other-library

반응형