Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: DHTML
Expertise: Beginner
Sep 23, 1999

CSS With Multimedia Elements on Page

Question:
Is there a way to layer page elements through Cascading Style Sheets (CSS) over an embedded element such as a Shockwave movie? My present page has a sliding graphic which overlays the main splash page's graphic (comprised of JPGs and an animated GIF). I would like to retain the sliding graphic but substitute Shockwave for the 450x280px present underlying graphic.

Answer:
It's actually pretty simple. If you're using Flash to create your Shockwave animation, then go into Aftershock and set the Window attribute to Windowless Opaque or Windowless Transparent. This forces the Shockwave engine to render the output directly into the browser's display context rather than creating a separate OLE or Applet window for rendering. Note that doing this will dramatically slow down your Shockwave movies, as the Shockwave plugin needs to work out of process to handle the updates. Once you do this, then just use standard DHTML and CSS commands to handle the Web content (for example, using the position:absolute CSS command to place the graphics).

DevX Pro
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap