MySpace Open Platform

A Place For Developers

Welcome Developers!

in

Welcome!

in

How to add a simple rollover image over a flash SWF - HTML/inline style

Last post 06-19-2009 6:02 AM by turrall consulting. 0 replies.
Page 1 of 1 (1 items)
Sort Posts: Previous Next
  • 06-19-2009 6:02 AM

    How to add a simple rollover image over a flash SWF - HTML/inline style

    Hi

    I've created a flash widget and produced the embed code which can then be added to a user's profile. Due to security restrictions flash cannot open links in the browser and therefore I'm adding rollover images with links which will sit over the flash. I've seen this done with a Reverbnation widget and am adopting the same approach.

    It doesn't work. I have two problems: 

    1. MySpace seems to be chopping off the height attribute of html img tags

    2. It's also chopping off the entire style attribute with my inline styles intended to use absolute positioning to overlay the images.

    The result is that the images are being drawn below the widget.

    Here's the html I'm using:

    <div style="position:relative">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="310" width="350" align="middle">
      <param name="allowScriptAccess" value="never" />
      <param name="allowNetworking" value="internal" />
      <param name="movie" value="..............................." />
      <param name="wmode" value="transparent" />
      <param name="flashvars" value="...........................9" />
      <param name="quality" value="high" />
      <param name="bgcolor" value="#ffffff" />
    <embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="..........." height="310" width="350" align="middle" wmode="transparent" flashvars="................" quality="high" bgcolor="#ffffff" />
    </object>
      <br />
    <a href="http://www.....................">
    <img src="http://www............../images/blank.gif" style="border: none !important;position:absolute;top:192px;left:230px;width:112px;height:25px;" />
    </a>
    <a href="http://www............................">
    <img src="http://www.............../images/blank.gif" style="border: none !important;position:absolute;bottom:0px;left:0px;width:350px;height:90px;" />
    </a>
    </div>

    The URLs are, of course, populated with valid values in the real code ;)

    Any ideas what could be going wrong here? How is it that the apparently identical approach seems to be working for Reverbnation?

    Thanks for any tips,

    Robert

Page 1 of 1 (1 items)