2011-01-04 5 views
3

jquery 효과와 전환 효과가있는 플래시 웹 사이트의 재 설계를 고려 중입니다. 나는 단지이 사이트가 가지고있는 특정 장면 전환 및 효과를 실제로 얼마나 고려하고 있는지를보기 위해 커뮤니티에 연락하고 싶었습니다. 여기 jquery에서 플래시 웹 사이트를 다시 만드시겠습니까? 실행할 수 있는?

링크입니다 :

http://antonynicoli.com/english.html

나는 어쩌면 될 것은이 가장 적합 할 안정적인 일을 제안 할 수 회전 목마 플러그인 다시, 그러나 거기 이렇게 많은가 될 수있다 생각 갤러리 일. 실제로 어디서부터 시작해야할지 몰라 내 관심을 끌었던 다른 항목은 네비게이션 막대의 링크를 클릭하면 책을 여는 것처럼 보이는 네비게이션과 효과입니다. 모든 입력이 감사하겠습니다. 감사.

+0

구조 조정을 원하지 않는 한, 지금 플래시를 계속 사용하는 것이 좋습니다. 거기에 복잡한 애니메이션이 많이 있습니다. – Brad

+0

그 중 일부 (예 : * 단순 전환 *, 예를 들어 현재 및 브라우저 의존성보다 적은 교차 페이드)가있는 이미지 회전식 캐 러셀이 매우 적합합니다.그러나 "캔버스"AFAIK의 출현과 함께, "책 열기"와 같은 일부 사항은 시뮬레이션 할 수 있지만 현재 JS 제품에서는 쉽지 않거나 쉽지 않습니다. 약간의 타협이 이루어지면 나는 달리 "가능하다"는 것에 동의 할 것이다. –

답변

3

이것은 아마도 가능하지만, 지금 당장은 꽤 괜찮아 보일 때 HTML/jQuery 솔루션으로 바꾸는 동기에 대해 궁금합니다. (Brad는 위에서 지적했듯이 전체 재 작업이 필요합니다).

  • 은 회전 목마

    : 나는 몇 가지 일이 벌어 볼 jCarousel은 (http://sorgalla.com/jcarousel/) (을 사용한 적이 있지만 인기가)
  • 애니메이션 : jQuery를 애니메이션 (HTTP ://api.jquery.com/animate/)
  • 다른 위젯/상호 작용 : jQueryUI : (http://www.jqueryui.com)

회원님이 오픈 책 애니메이션에 대해 갈 얼마나 있는지, 그러나 나는 당신이 영리한 jQuery 애니메이션으로 그것을 달성 할 수 있다고 생각합니다.

할 수 있는지 확인하는 가장 좋은 방법은 다음과 같습니다. jQuery에는 많은 리소스가 있으며 여기서는 StackOverflow에 대한 도움을 얻을 수 있습니다.

0

jquery로 전체 사이트를 수행 할 수 있습니다. 당신이해야 할 일은 사이트에서 수행 된 모든 애니메이션을지도로 작성하고 종이에 쓰는 것입니다. 그런 다음 jquery 대안을 온라인으로 찾아서 하나씩 확인하십시오. 어떤 것들은 정확하지 않을 수도 있지만 그것이 일을 할 것입니다.

3

사이트를 살펴본 후 jQuery를 사용하여 대부분의 효과를 상당히 잘 재현 할 수 있다고 생각합니다. 물론 최종 결과가 플래시 구현만큼 부드럽지는 않지만 완료 될 수 있다고 생각합니다.

HTML 5를 사용하는 경우 캔버스 요소로 오프닝 북으로 페이지 전환과 같은 많은 애니메이션을 시뮬레이션 할 수 있다고 생각합니다. 탐색 요소와 동일합니다.

http://diveintohtml5.ep.io/canvas.html#divingin

당신은 회전 목마와 같은 효과의 일부를 언급 한 바와 같이

https://developer.mozilla.org/en/canvas_tutorial

은 기존의 플러그인에서 재활용 할 수 있습니다. 유일한 보류책은 실제로 작업을 수행하는 데 적합하지 않은 언어로 디자인을 이식하는 데 얼마나 많은 시간을 투자하고 싶습니까? jQuery는 탁월한 프레임 워크이지만 Flash/Actionscript에서 생성하는 것은 쉽지 않은 효과를 만들기위한 드롭 인 대체 방법과는 거리가 있습니다.

+1

물론 IE9에서 canvas가 IE에서 지원되지 않는다는 문제가 있으므로 일부 대체 동작이 필요합니다. – Matchu

+0

사실 - 나는 '실용적인 것'보다는 '할 수 있는가?'라는 질문에 충실하려고 노력했다. – Transition

관련 문제