-1

12 月 1 日に作成した Photoshop 画像があります。この画像は、イントラネット サイトのカレンダーとして使用されます。通常のカレンダーと同様に、ユーザーに押してもらいたいドアがあります。元のドキュメントのコピーがあり、ユーザーがこれを押したときにドアの代わりに新しい画像を表示して、ユーザーがドアの後ろにあるものを明らかにしたように見せたい.

Photoshop のスライス ツールを使用して、このタスクを達成できると考えました。カレンダー ドアが URL にリンクしている場合にこれを実現できますが、別の .jpg ファイルにはリンクできません。

また、.jpg ファイルをインポートしてリンクを作成することで、Flash でこれを完了することができるかもしれないと考えましたが、これも URL のためだけだと思います。

これを行うためのより良い方法があることは知っていますが、時間がありません。Flash の ActionScript を使用すると、このタスクを完了できますか?

この画像を含む私の元の Web サイトは Visual Studio 2005 です。これには、毎日正しい画像を自動的にロードする非常に基本的な JavaScript が含まれています (12 月には 25 個の画像が必要なため [Day1.jpg、Day2.jpg など]等])。これはうまくいきます。毎日のカレンダー画像とドアの後ろのコンテンツを作成するだけです。

4

1 に答える 1

1

はい、フラッシュを使用した簡単なアクションスクリプトが役立ちます。ボタンを使用してドキュメントを作成できます(ボタンはドアになり、ボタンの背景をドアの画像で埋めることができます)。フラッシュムービーには2つのキーフレームが含まれている場合があります(1つは画像ボタンを含むデフォルトの背景で、もう1つはボタンを押したときに表示される画像を含むキーフレームです)。ボタンのアクションスクリプト(基本的にはGoToAndPlay(画像のキーフレームの数)と画像のキーフレームの「stop()」アクション)を追加します。これはYouTubeの基本的な例です。ここをクリックしてください。必要に応じて、フラッシュアニメーションを少し使用すると、見栄えが良くなります(ドアオープニングクリップ、2番目の画像スライドなど)

クリスが言ったように、単純なJavaScript画像交換コードも機能します。StackOverFlowの例をいくつか示します。ここをクリックしてください。

また、CSSを試すこともできます。たとえば、背景ドアのあるDIVと、カレンダーに背景をスプライトするホバーアクション(クリックする必要はなく、ホバーするだけです)。これがビデオです

これらのソリューションのいずれかが機能することを願っています。CSSソリューションをお勧めします。モバイルデバイスで機能し、JavaScriptを有効にする必要がなく、高速で簡単だからです。

于 2012-11-28T04:03:59.450 に答える