Animated Gifs and Rollovers

JM
Posted By
Juric_Matt
Apr 23, 2004
Views
306
Replies
2
Status
Closed
I’m using a Adobe Photoshop 6.0, Image Ready 3.0 and Frontpage 2000 Combination to create a site/page.

My end goal is to have an animated gif, that has a rollover state and then a click state.

My problem is I can’t figure out how to combine the Gif with the rollover and the click.

If I place the Animated Gif into the page in Image Ready it is not animated in the browser, I’m assuming it’s only placing one layer of the gif. If I place the GIF in Frontpage it "Appears" to override the roll over state. IOW the rollover state, done in IR does not show up in the browser but teh animated gif does.

Do I actually have to create a seperate HTML file for each button. IOW create the animated gif in IR, with rollover adn click state, save it as a web page , then insert that page into the main page? or am I way overcomplicating this?

Thanks

~Matt

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

DP
Daryl_Pritchard
Apr 25, 2004
Hi Matt,

In essence, your last question is the answer, but it’s not so much as matter of inserting one page into another as it is just the section of HTML code that implements the click states. That’s probably what you meant but I just wanted to point out that you need not insert the full body of the page generated by IR into the web.

Rather than explain things here, I’ve created a simple animation that I’ve incorporated into a rollover with an Over and Click state, akin to what it sounds like you are attempting to do. The example along with some explanatory text is found at <http://jazzdiver.com/photoshop/rollover> . The text isn’t detailed but hopefully it is enough for you to understand what to do.

Regards,

Daryl
P
Phosphor
Apr 25, 2004
Seriously?

DON’T use FrontPage. It may be simple for you, but it’s often a clusterSmuck for visitors to your site, unless you really know how to tweak the code manually.

It creates proprietary page coding that plays hell with almost every browser that is not I.E.

You’d be better off using the free Composer module that comes free with Mozilla <http://www.mozilla.org>.

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections