Photoshop的切片工具可以在网页上交换图像吗?

时间:2012-11-27 11:12:07

标签: javascript .net flash photoshop photoshop-script

我有一张我在12月1日创建的Photoshop图像。此图像将用作Intranet站点的日历。像任何普通日历一样,它有一扇门,我希望用户按下。我有一份原始文件的副本,当用户按下它时代替门我想要显示新图像,所以看起来用户已经了解了门后面的内容。

我以为我可以使用Photoshop的切片工具完成这项任务。如果我的日历门链接到URL,而不是另一个.jpg文件,我可以实现此目的。

我还以为我可以通过导入我的.jpg文件并创建链接在Flash中完成此操作,但我再次认为这只适用于URL。

我知道有更好的方法可以做到这一点,但我的时间很短。 Flash中的ActionScript是否可以让我完成此任务?

我将包含此图像的原始网站是Visual Studio 2005.它有一些非常基本的JavaScript,可以自动加载每天的正确图像(因为我需要在12月份使用其中的25个[Day1.jpg,Day2] .jpg等等])。这很好用。我只需要为每天创建日历图像和门后的内容。

1 个答案:

答案 0 :(得分:1)

是的,使用flash的简单动作脚本会对你有帮助。您可以使用按钮创建文档(按钮将是门,您可以用门图像填充按钮的背景)。您的Flash影片可能包含2个关键帧(1个具有默认背景,包括图像按钮,另一个关键帧,按下按钮时将显示图像)。添加一些动作的按钮(基本上是一个的gotoAndPlay(#与图像关键帧的),并且也是"停止()"在图像关键帧动作下面是一个基本的例子YouTube Click here。通过我猜你想要的东西,一点点的flash动画会让它看起来更好,即(开门片,第二张图片幻灯片等)

正如克里斯所说,一个简单的JavaScript图像交换代码也会起作用。以下是StackOverFlow Click Here.

中的几个示例

你也可以尝试一些CSS,例如带有背景门的DIV和一个将背景用于日历的悬停动作(点击不是必需的,只是悬停)。 Here is a video

我希望这些解决方案对您有用,我推荐使用CSS,因为它可以与移动设备配合使用,不需要启用javascript,而且快速而简单。