Announcement

Collapse
No announcement yet.

question about flash and images overlayed on top

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • question about flash and images overlayed on top

    is it possible to have a .jpg image with flash on top and another image with opacity on top of the flash?

    if so, is there some example code

  • #2
    Hi there James909,

    here is some example code, for you to play with...
    Code:
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <base href="http://www.coothead.co.uk/images/">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="language" content="english"> 
    <meta http-equiv="Content-Style-Type" content="text/css">
    
    <title>three thingies</title>
    
    <style type="text/css">
    body {
        background-color:#000;
     }
    #three-things{
        position:relative;
        width:768px;
        height:512px;
        border:1px solid #f00;
        margin:40px auto 0;
        background-image:url(blood.jpg);
        box-shadow:0 0 30px #f00;
     }
    #flashy-thing {
        display:block;
        width:486px;
        height:300px;
        border:1px solid #60f;
        margin:104px auto;
        background-color:rgba(255,240,255,0.75);
        box-shadow:10px 10px 10px rgba(0,0,0,0.5),inset 0 0 10px rgba(0,0,0,1.0);
     }
    #image-thing {
        position:absolute;
        width:100px;
        height:100px;
        border:2px solid #0f0;
        top:55px;
        left:91px;
        opacity:0.4;
        box-shadow:4px 4px 4px rgba(0,0,0,0.7);
     }
    </style>
    
    </head>
    <body>
    
    <div id="three-things">
    
    <object id="flashy-thing" type="application/x-shockwave-flash" data="smiles.swf">
     <param name="movie" value="smiles.swf">
     <param name="wmode" value="transparent">
     <param name="pluginurl" value="http://get.adobe.com/flashplayer/">
    </object>
    
    <img id="image-thing" src="anim3still.gif" alt="">
    
    </div>
    
    </body>
    </html>
    Last edited by coothead; 01-15-2013, 08:04 AM. Reason: typing error!!!


    ~ the original bald headed old fart ~

    Comment

    Working...
    X