[TYPO3-english] Beginner Needs help getting his Flash Banner to work

Aaron Murray aaron.c.murray at googelmail.com
Fri Apr 2 13:30:40 CEST 2010


I got some help from Experts Exchange, and after I had given absolute 
path values for the .swf files etc. It worked. This is the explanation
that I received.

"
The problem is that Flash automatically sets a virtual base directory to 
where the HTML file that's embedding the SWF is not the location where 
your SWF file exists...  So, originally you were trying to load a SWF 
from path/to/swf, but all other corresponding files were searched from 
the root where the HTML file is...
So, we basically set the BASE parameter to the location of the SWF file 
so that it will be looking for files from the given directory...

Well, that's the gist of it...
"

On 02.04.2010 07:35, Dawid Pacholczyk wrote:
> I`m not sure but if you map something the content inside is cleared so
> you need to insert it.
> you can insert banner as a html code or install some plugin like macina_banners
>
> Best regards,
> Dawid "Fixus" Pacholczyk
>
> 2010/4/1 Aaron Murray<aaron.c.murray at googelmail.com>:
>> Hi!
>>
>> I am pretty new to website design and typo3 but have been working with it
>> for a couple of weeks now.
>>
>> I bought a pre-made template which has a flash banner at the top, and
>> uploaded all the folders and files (js/images/html/css/swf) in the same
>> directory order as they were given to me.
>>
>> When I create a new site/template using templatevoila and preview the
>> website template looks as expected. However when I finish the mapping
>> process, and selecting the html headers to include (I include the scripts
>> for the swf) the finished product doesn't include the flash banner.
>>
>> Everything else displays as it should be, but the place where the flash
>> banner should be is empty, no error message or anything.
>>
>> Can anyone help me? Its probably a beginner mistake.
>>
>>
>>
>>
>>
>>
>> Here is the code of the html file I use for a template:
>>
>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
>> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
>> <html xmlns="http://www.w3.org/1999/xhtml">
>> <head>
>> <title>DreamTemplate</title>
>> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
>> <link href="style.css" rel="stylesheet" type="text/css" />
>> <script type="text/javascript" src="js/swfobject/swfobject.js"></script>
>> <script type="text/javascript">
>>                 var flashvars = {};
>>                 flashvars.xml = "config.xml";
>>                 flashvars.font = "font.swf";
>>                 var attributes = {};
>>                 attributes.wmode = "transparent";
>>                 attributes.id = "slider";
>>                 swfobject.embedSWF("cu3er.swf", "cu3er-container", "960",
>> "400", "9", "expressInstall.swf", flashvars, attributes);
>> </script>
>> </head>
>> <body>
>> <div class="main">
>>   <div class="blok_header">
>>     <div class="header">
>>       <div class="logo">  <a href="index.html"><img src="images/logo.gif"
>> width="139" height="153" border="0" alt="logo" class="one" /></a>  </div>
>>       <div class="menu">
>>         <ul>
>>           <li><a href="index.html" class="active"><span>Home</span></a></li>
>>           <li><a href="about.html"><span>About Us</span></a></li>
>>           <li><a href="portfolio.html"><span>Portfolio</span></a></li>
>>           <li><a href="contact.html"><span>Contact Us</span></a></li>
>>         </ul>
>>       </div>
>>           <div class="clr"></div>
>>          </div>
>>     <div class="clr"></div>
>>   </div>
>>   <div class="clr"></div>
>>   <div class="header_text_bg">
>>     <div class="cu3er_resize">
>>       <div id="cu3er-container"><a
>> href="http://www.adobe.com/go/getflashplayer">  <img
>> src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
>> alt="Get Adobe Flash player" /></a></div>
>>     </div>
>>     <div class="header_text">
>>       <div class="header_text_resize">
>>     <div class="search">
>>         <form id="form1" name="form1" method="post" action="">
>>           <label><span>
>>             <input name="q" type="text" class="keywords" id="textfield"
>> maxlength="50" value="Search..." />
>>             </span>
>>             <input name="b" type="image" src="images/search.gif"
>> class="button" />
>>           </label>
>>         </form>
>>       </div>
>>       <h2>Your company's welcome message or slogan. Lorem ipsum dolor sit
>> amet, consectur el.<br />
>>         <span>Donec metus lacus, porta id, auctor sit amet, aliquam eu,
>> lacus. Quisque sagittis vulputate orci.</span></h2>
>>       <div class="clr"></div>
>>     </div>
>>      </div>
>>     <div class="clr"></div>
>>   </div>
>>   <div class="body_resize">
>>     <div class="body">
>>     <div class="port_resize">
>>     <h2>Modern web&amp; interactive media.<br />
>> <span>Sed congue, dui vel tristique mollis...</span></h2>
>>     <img src="images/top_img_1.jpg" alt="picture" width="298" height="101" />
>>     <p>Duis porta quam et neque gravida vulputate dictum mi varius.
>> Vestibulum fermentum iaculis felis, vitae scelerisque libero rutrum ac.</p>
>>     <p><a href="#">Read More »</a></p>
>>     </div>
>>       <div class="port_resize">
>>     <h2>Modern web&amp; interactive media.<br />
>> <span>Sed congue, dui vel tristique mollis...</span></h2>
>>     <img src="images/top_img_2.jpg" alt="picture" width="298" height="101" />
>>     <p>Duis porta quam et neque gravida vulputate dictum mi varius.
>> Vestibulum fermentum iaculis felis, vitae scelerisque libero rutrum ac.</p>
>>     <p><a href="#">Read More »</a></p>
>>     </div>
>>       <div class="port_resize">
>>     <h2>Modern web&amp; interactive media.<br />
>> <span>Sed congue, dui vel tristique mollis...</span></h2>
>>     <img src="images/top_img_3.jpg" alt="picture" width="298" height="101" />
>>     <p>Duis porta quam et neque gravida vulputate dictum mi varius.
>> Vestibulum fermentum iaculis felis, vitae scelerisque libero rutrum ac.</p>
>>     <p><a href="#">Read More »</a></p>
>>     </div>
>>       <div class="clr"></div>
>>     </div>
>>     <div class="clr"></div>
>>   </div>
>>   </div>
>> <div class="FBG">
>>   <div class="FBG_resize">
>>     <div class="left">
>>       <h2>about</h2>
>>       <p>Code is seo friendly, optimized for getting the top results in the
>> search engines .</p>
>>       <ul>
>>         <li><a href="#">Overview »</a></li>
>>         <li><a href="#">Another Link »</a></li>
>>         <li><a href="#">Our Company »</a></li>
>>         <li><a href="#">Our Staff »</a></li>
>>         <li><a href="#">Mision Statement »</a></li>
>>       </ul>
>>     </div>
>>         <div class="left">
>>       <h2>philosophy</h2>
>>       <p>Neque id cursus faucibus, tortor neque egestas augue, eu vulputate
>> magna eros eu erat magna eros eu erat.</p>
>>       <p>Neque id cursus faucibus, tortor neque egestas augue, eu vulputate
>> magna eros eu erat.</p>
>>       <p><a href="#">Check Our Works »</a></p>
>>     </div>
>>         <div class="left">
>>       <h2>blog</h2>
>>       <p>Neque id cursus faucibus, tortor<br />
>>         neque egestas augue, eu<br />
>>         vulputate magna eros eu erat.</p>
>>       <ul>
>>         <li><a href="#">Category 1 »</a></li>
>>         <li><a href="#">Category 2 »</a></li>
>>         <li><a href="#">Category 3 »</a></li>
>>         <li><a href="#">Category 4 »</a></li>
>>         <li><a href="#">Category 5 »</a></li>
>>       </ul>
>>     </div>
>>         <div class="left">
>>       <h2>support</h2>
>>       <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas
>> augue, eu vulputate magna eros eu erat.</p>
>>       <p><span>support at yoursite.com »<br />
>>         +1 (123) 444-5677</span></p>
>>       <p><span>sales at yoursite.com »<br />
>>         +1 (123) 444-5678</span></p>
>>     </div>
>>     <div class="clr"></div>
>>   </div>
>>   <div class="clr"></div>
>> </div>
>> <div class="footer">
>>   <div class="footer_resize">
>>     <p class="leftt">© Copyright YourSiteName. All Rights Reserved<br />
>>     <a href="#">Home</a>  |<a href="#">Contact</a>  |<a href="#">RSS</a></p>
>>       <p class="right">(DT)<a
>> href="http://www.dreamtemplate.com"><strong>Website
>> Templates</strong></a></p>
>>     <div class="clr"></div>
>>   </div>
>>   <div class="clr"></div>
>> </div>
>> </body>
>> </html>
>> _______________________________________________
>> TYPO3-english mailing list
>> TYPO3-english at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english
>>
>
>
>



More information about the TYPO3-english mailing list