0 Replies Latest reply on Jan 13, 2011 2:48 PM by Technohedge

    SWF placing in web pages?

    Technohedge Level 1

      Hi guys,

       

      this is one for those familiar with web building.

       

      I have a page here: (note this page does not contain the alternate content described below as the page is 'live' and it dosent display swf's properly as explained below. this is to show the layout I have)

       

      note, content of site is a little explicit (language)


      http://http://www.wayouttshirts.co.uk/T_Shirt_Gallery.html

       

      on which there are many images in rows and columns. Each image is an swf file, which also needs to contain alternative content written into the <div> which it replaces (this is embedded with swfObject as you will see from the code)

       

      Im using webstudio to position the swf files on the page currently by placing the code below into a html 'object' on the webstudio page.

       

      However when i view the page (with and without flash installed) the alternative content seems to display well as depicted by the code, but the swf's have a mind of their own and seem to be lining up vertically.

       

      Heres the code for three of the instances when the alternate content is used:

       

       

      <script type="text/javascript" src="swfobject.js"></script>

       

      <div id="fairly">
      <div style="position:absolute; top:50px; left:50px;">
      <a href="http://www.wayouttshirts.co.uk/Fairly_wasted_1.html"><img src="http://www.wayouttshirts.co.uk/fairly.png"></a>
      </div>

       

      <div id="eyes">
      <div style="position:absolute; top:50px; left:170px;">
      <a href="http://www.wayouttshirts.co.uk/Eyes.html"><img src="http://www.wayouttshirts.co.uk/eyes.png"></a>
      </div>

       

      <div id="penny">
      <div style="position:absolute; top:50px; left:300px;">
      <a href="http://www.wayouttshirts.co.uk/See_a_penny_1.html"><img src="http://www.wayouttshirts.co.uk/see a penny.png"></a>
      </div>

       

      <script type="text/javascript">
         var so = new SWFObject("fairly.swf", "fairly", "300", "300", "8", "#336699");
         so.addParam("wmode", "transparent");
         so.write("fairly");
      </script>

       


      <script type="text/javascript">
         var so = new SWFObject("eyes.swf", "eyes", "290", "290", "8", "#336699");
         so.addParam("wmode", "transparent");
         so.write("eyes");
      </script>

       


      <script type="text/javascript">
         var so = new SWFObject("penny.swf", "penny", "315", "315", "8", "#336699");
         so.addParam("wmode", "transparent");
         so.write("penny");
      </script>

       

       

      So how do you control the position of the swf file within the page?

       

      Any help appreciated!

       

      Dave

       

      P.S if anyone can help with the annoying problem of the magnifying glass sticking on the sides of the images on rollout that would also be ace!! (dont ask for much do i

       

      Thank you v much!