Jump to content

Archived

This topic is now archived and is closed to further replies.

michaellunsford

blending innerHTML changes

Recommended Posts

There's a "blendtrans" object that allows internet explorer to blend images, but I'm looking to blend innerHTML changes as well. Any idea what I'm looking for?

Share this post


Link to post
Share on other sites
you got the blendtrans for IE, for firefox, you'll need to set a javascript function to set the opacities of both objects and blend them that way. You'll need to use setInterval() to change the opacity like this

object.style.MozOpacity = ##

## is between 0.0 and 1.0

You can do the same for Opera 9.0 and higher (the newest version) by changing the CSS3 opacity property

object.style.opacity = ##

Share this post


Link to post
Share on other sites
That's awesome.

I'm assuming I'll need to use layers with z-indexes to get it to "blend" from one to another? That'll add some complexity.

Share this post


Link to post
Share on other sites
The easiest way is to use flash, works anywhere ;) and with some ActionScript (which I know nothing about) you can make the pictures dynamic.

Share this post


Link to post
Share on other sites
Flash MX 2004 (the version I have) has a bug importing jpegs with actionscript. I don't know if the new Flash has fixed the issue or not, and I'd have to give "the man" $399 to find out.

I did get the blend javascript working.

check it out:
[a href=\"http://www.premiumglass.com/index.html\" target=\"_blank\"]http://www.premiumglass.com/index.html[/a]

I had to tweak some CSS just for Microsoft (surprised?), but it now appears to work on firefox (mac and win), IE (win), Safari (mac),

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.