2012-11-27 2 views
-1

12 월 1 일에 작성한 Photoshop 이미지가 있습니다. 이 이미지는 인트라넷 사이트의 달력으로 사용됩니다. 어떤 보통 달력처럼, 그것은 사용자가 누를 수 있기를 바라는 문을 가지고 있습니다. 나는 원본 문서의 사본을 가지고 있으며, 사용자가 이것을 누르면 문 대신에 새로운 이미지를 보여주기 때문에 사용자가 문 뒤에있는 것을 계시 한 것처럼 보입니다.Photoshop의 조각 도구는 웹 페이지에서 이미지를 바꿀 수 있습니까?

Photoshop의 조각 도구를 사용하여이 작업을 수행 할 수 있다고 생각했습니다. 캘린더 도어가 URL로 연결되지만 다른 .jpg 파일에는 연결되지 않으면이 작업을 수행 할 수 있습니다.

또한 플래시에서 내 .jpg 파일을 가져 와서 링크를 만들면이 작업을 완료 할 수 있을지도 모르겠지만 URL에 대한 것일뿐입니다.

나는 이것을 할 수있는 더 좋은 방법이 있음을 알고 있지만, 나는 짧은 시간이다. Flash의 ActionScript를 사용하여이 작업을 완료 할 수 있습니까?

이 이미지가 포함 된 내 원래 웹 사이트는 Visual Studio 2005입니다.이 사이트는 매일 (12 월 한 달 동안 25 개가 필요하기 때문에 자동으로 올바른 이미지를로드하는 몇 가지 기본적인 JavaScript를 가지고 있습니다. [Day1.jpg, Day2.jpg 등]). 이것은 잘 작동합니다. 난 매일 매일의 달력 이미지와 문 뒤에있는 내용을 만들어야합니다.

+1

죄송합니다. 질문에 많은 추가 정보가 있습니다. 우리가 조금 더 명확하게하려고하면 어떻게 될까요? 일련의 이미지가있는 웹 페이지가있는 것 같습니다. 이 이미지들 중 하나는 문입니다. 누군가가 문 이미지를 클릭하면 문 이미지를 열린 문 이미지로 교체하려고합니다. 그것은 당신의 목표입니까, 아니면 더 많은 것이 있습니까? Photoshop, Flash, Visual Studio 등을 언급 할 특별한 이유가 있습니까? 간단한 자바 스크립트 이미지 스와핑 스크립트로 충분합니까? –

답변

1

예, 플래시를 사용하는 간단한 액션 스크립트가 도움이 될 것입니다. 버튼이있는 문서를 만들 수 있습니다 (버튼은 문이 될 것이고 버튼 배경을 문 이미지로 채울 수 있습니다). 플래시 동영상에는 2 개의 키 프레임이 포함될 수 있습니다 (이미지 버튼을 포함한 기본 배경이 1 개이고 버튼을 누를 때 표시 할 이미지가있는 다른 키 프레임). 기본적으로 GoToAndPlay (이미지가있는 키 프레임의 #)와 이미지 키 프레임의 "stop()"액션을 추가합니다. 다음은 기본 예제 인 YouTube Click here입니다. 내가 원하는 것, 약간의 플래시 애니메이션이 문을 여는 것처럼 보일 것입니다 (문 여는 클립, 두번째 이미지 슬라이드 등)

Chris가 말했듯이, 간단한 JavaScript 이미지 스와핑 코드도 작동합니다. 다음은 StackOverFlow의 몇 가지 예입니다. Click Here.

또한 당신은 (단지 마우스를 가져가 클릭이 필요하지 않을 것입니다) 예를 들어, 달력에 배경 스프라이트 배경 도어와 DIV와 호버 조치를 일부 CSS를 시도 할 수 있습니다. Here is a video

모바일 장치에서 작동 할 수 있고, 자바 스크립트가 활성화되지 않아도되고, 빠르고 쉽기 때문에 이러한 솔루션 중 하나가 효과가 좋기를 바랍니다. CSS를 권장합니다.

관련 문제