Problem with Flash Header

Hi

I Am using Aleo Flash Intro Banner Maker to produce my flash banners.

This package is able to create swf files with a transparent back ground. I cannot seem to get the html code that I place in the banner setup correct. This is the code I currently have to display a banner, although not sure if this could be cut down to be simpler.

<script type="text/javascript" src="includes/templates/chalfont_common/swfobject.js"></script> <script type="text/javascript"> var flashvars = {}; var params = {}; params.play = "true"; var attributes = {}; WMODE="transparent" attributes.align = "middle"; swfobject.embedSWF("images/banners/shopheader.swf", "myflashfile", "728", "90", "9.0.0", "expressInstall.swf", flashvars, params, attributes); </script> </head> <body> <div id="myflashfile"> <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>

This is the code that Aleo Flash Intro Banner Maker creates.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="<http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0>" width="728" height="90"> <param name="movie" value="test.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent"> <embed src="test.swf" quality="high" type="application/x-shockwave-flash" WMODE="transparent" width="728" height="90" pluginspage="<http://www.macromedia.com/go/getflashplayer>" /> </object>

How can I integrate the transparent code into the existing code to make this banner transparent.

Regards
Laurie

Without viewing exact url of your site, difficult to advise
BUT

includes/templates/chalfont_common/swfobject.js

not correct..should be

includes/templates/chalfont_common/js/swfobject.js

Thanks Misty

The url is www.chalfont gifts.co.uk

Have broken link so google does not crawl.

Thanks
Laurie

Visited site..flash in header, possible flash banner on
right hand sidebox...viewed in both IE7 and Firefox3.
so exact problem is?? Or is it not on your site yet
so can view?
:unsure:

OK the header banner, I want to have this set at transparent background, so that when the winow is reduced in size, it does not get the box edges showing, ie the baground shows through the flash image.

Regards
Laurie

Understood..
never used transparent mode for swf.
Is it not possible to use header background for
background of your swf banner or viceversa

my problem that has been going on long enough with the flash and resolution has been resolved thank to MISTY :clap: It happened in another thread which i started. To see the last few posts of the solution which are not much different than in here but helped me out never the less. Here it is...

http://www.zen-cart.com/forum/showthread.php?p=617405#post617405

:clap: THANKS MISTY YOU ROCK :clap:

welchyboy:

my problem that has been going on long enough with the flash and resolution has been resolved thank to MISTY It happened in another thread which i started. To see the last few posts of the solution which are not much different than in here but helped me out never the less. Here it is...

http://www.zen-cart.com/forum/showthread.php?p=617405#post617405

THANKS MISTY YOU ROCK
Pleased to hear problem with flash header finally
sorted.

SO AM I! LOL! I OWE IT ALL TO You and the other ZENNERS who have helped me. :clap:

Hi,
after reading 19 page of this thread, still have some problem with my header becoming flash from pic. :(

here is the history of my problem:

I bought a zencart template my web site from http://www.zencartshop.com/. And I am very happy with this template.
I downloaded nnez_flo_20061013 and installed it to my template. Then I've tried this code :

<?php echo get_flashed('bg_header_right','900','260'); ?>

And it works perfectly in Classic Contemporary Green template.
But when i am swiching into my custom template it shows header pic as it was before(nothing changed).

I noticed some differences in the structure of my CSS files and tpl_header.php(custom template tpl, not default one):

1. There is a only one stylesheet.css file in Classic Contemporary Green template. But in my template there are 6 not one *.css files:

print_stylesheet.css
stylesheet.css
stylesheet_boxes.css
stylesheet_css_buttons.css
stylesheet_main.css
stylesheet_tm.css

AND one of them (stylesheet_tm.css) contains line regarding to my site header(bg_header_right.jpg).

Here, the part of my stylesheet_tm.css, relating to the header:
...

#mainWrapper {padding:0 0 0 0;}
.main_width {margin:0 auto; width:1250px;}
ul {list-style:none; margin:0; padding:0;}
.in20{ padding-bottom:20px;}
#header { background:url(../images/fill_header.gif) 0 0 repeat-x;}
#header .row{ width:100%; height:263px;}
#header .bg_header_left{ background:url(../images/bg_header_left.gif) 0 0 no-repeat;}
#header .bg_header_right{ background:url(../images/bg_header_right.jpg) right 0 no-repeat; width:100%; height:313px;}
#header .links { float:left; width:100%; color:#4967A0; font-size:11px;}
#header .inside_links { padding:16px 400px 0 25px;}
#header .links a{ color:#4967A0; font-size:11px; line-height:18px; text-decoration:underline;}
#header .links a:hover{text-decoration:none;}
#header .nav { float:left; position:relative; width:400px; margin:0 0 0 -400px;}
...

2. About tpl_header.php:
   this is a part from my template tpl_header.php file: <div id="header">

<div class="bg_header_left"> <div class="bg_header_right"> <?php echo get_flashed('bg_header_right','900','260'); ?> <div class="row"> <div class="links"> <div class="inside_links"> <?php #HEADER LINKS START ?> <a href="<?php echo HTTP_SERVER . DIR_WS_CATALOG ?>"><?php echo HEADER_TITLE_CATALOG; ?></a> | 

                                <?php if ($_SESSION['customer_id']) { ?>
                                    <a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGOFF; ?></a> | <a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> |  
                                <?php
                                      } else {
                                        if (STORE_STATUS == '0') {
                                ?>
                                    <a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a> |   
                                <?php } } ?>  
                                
                                <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
                                    <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> | <a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a>
                                <?php } ?>
                                
                    <?php #HEADER LINKS END ?>	
                    </div>
                </div>

MY QUESTION: WHERE SHOULD I PUT THIS CODE:

<?php echo get_flashed('bg_header_right','900','260'); ?>

AND SHOULD I CHANGE ANYTHING THAN TPL_HEADER.PHP FILE???

THANK YOU VERY MUCH FOR YOUR HELP!!!!!!!!!!!

sorry, maybe I explained myself not so clear I will try again:

1. I intalled: nnez_flo_20061013
   Then, I've tried this code (I put into tpl_header.php of
   template_default) :

   <?php echo get_flashed('bg_header_right','900','260'); ?>

   And it works perfectly in Classic Contemporary Green
   template.

   But when i am swiching into my custom template it shows
   header pic as it was before(nothing changed, flash didn't
   work).

2. I noticed some differences in the structure of my CSS files and tpl_header.php(custom template tpl, not default one):

   COLOR="Red"[/COLOR] There is a only one stylesheet.css file in Classic
   Contemporary Green template. But in my template there are
   6 not one *.css files:

      print_stylesheet.css
      stylesheet.css
      stylesheet_boxes.css
      stylesheet_css_buttons.css
      stylesheet_main.css
      stylesheet_tm.css
   
   
   AND one of them (stylesheet_tm.css) contains line regarding 
   to my site header(bg_header_right.jpg).
   
    Here, the part of my stylesheet_tm.css, relating to the 
    header:
            ...
            #header .bg_header_right{  
             background:  
             url(../images/bg_header_right.jpg  
              ) right 0 no-repeat; width:100%; 
             height:313px;}
            ...
   

   (b) About tpl_header.php:
   this is a part from my template tpl_header.php file:
   <div id="header">
   <div class="bg_header_left">
   <div class="bg_header_right"> <?php echo get_flashed('bg_header_right','900','260'); ?>
   <div class="row">
   <div class="links">
   ....
   </div>

MY QUESTION:
WHERE SHOULD I PUT THIS CODE:

<?php echo get_flashed('bg_header_right','900','260'); ?>

AND SHOULD I CHANGE ANYTHING THAN TPL_HEADER.PHP FILE???

THANK YOU VERY MUCH FOR YOUR HELP. I still hope for some reply!!!

seethrou:

With refer to the other topic at Reviewer's Corner Shop has gone live: please review

Our fellow member JohneeMac suggested the following for the Flash.
SWFObject: Javascript Flash Player detection and embed script

I had tested, it works, with more functions and with XHTML validation.

And below are the steps of the test which use the JavaScript download from the above site.

1. save the header Flash file to the following directory (just for example)
   includes/templates/YOUR_TEMPLATE/images/flash/YOUR_HEADER.swf

2. download the zip packaged file from the above site

3. unzip and save the included swfobject.js file (not compressed and about 6.5 KB) to your ZC template directory
   includes/templates/YOUR_TEMPLTE/jscript/swfobject.js

4. If in before, the tpl_header.php had not been modified,
   then copy the following file:
   includes/templates/template_default/common/tpl_header.php

and save it to your template override directory:
include/templates/YOUR_TEMPALTE/common/tpl_header.php

5. Open up the new saved tpl_header.php file in your override directory
   include/templates/YOUR_TEMPALTE/common/tpl_header.php

Add and modify the codes according to your requirements.
For detail usuages, please refer to the docs and the original site for more infos.

For example,
in the tpl_header.php, just insert the codes for Flash below the section of:

<!--bof-branding display--> <div id="logoWrapper">

<!--bof-branding display--> <div id="logoWrapper"> <script type="text/javascript" src="includes/templates/YOUR_TEMPLATE/jscript/swfobject.js"></script> <div id="flashcontent"> This text is replaced by the Flash movie. </div> <script type="text/javascript"> var so = new SWFObject("includes/templates/YOUR_TEMPLATE/images/flash/YOUR_HEADER.swf", "YOUR_HEADER", "750", "160", "7", "#000000"); so.write("flashcontent"); </script> ``` > > Note: > In the above codes, where: > YOUR_TEMPLATE = the name of your template. > YOUR_HEADER = the file name of your Flash file. > > .

THANK YOU SOOOOO MUCH! You don't how much time I've spent on this. Thanks again for posting step-by-step instructions. Worked like a charm for me. (Tested it on FF, EI, and Opera)

I used the javascript below to add a flash banner to my cart.
it does the job and I was happy with it.

However, it killed image handler 2 mod. Now if I rollover any images the magnifying medium size image no longer shows anywhere.

I then commented out the javascript calling flash and still the image handler mod not working.

I then renamed javascript file (removing the . so can't work) and image handler still not working.

It looks to have broken image handler 2 in my store.

What would be the reason for this? I'd like to use a flash banner but want to keep the image handler 2 module working.

If there is a better way that I can get a flash banner working other than this method please refer.

Thanks for any input.

seethrou:

With refer to the other topic at Reviewer's Corner Shop has gone live: please review

Our fellow member JohneeMac suggested the following for the Flash.
SWFObject: Javascript Flash Player detection and embed script

I had tested, it works, with more functions and with XHTML validation.

And below are the steps of the test which use the JavaScript download from the above site.

1. save the header Flash file to the following directory (just for example)
   includes/templates/YOUR_TEMPLATE/images/flash/YOUR_HEADER.swf

2. download the zip packaged file from the above site

3. unzip and save the included swfobject.js file (not compressed and about 6.5 KB) to your ZC template directory
   includes/templates/YOUR_TEMPLTE/jscript/swfobject.js

4. If in before, the tpl_header.php had not been modified,
   then copy the following file:
   includes/templates/template_default/common/tpl_header.php

and save it to your template override directory:
include/templates/YOUR_TEMPALTE/common/tpl_header.php

5. Open up the new saved tpl_header.php file in your override directory
   include/templates/YOUR_TEMPALTE/common/tpl_header.php

Add and modify the codes according to your requirements.
For detail usages, please refer to the docs and the original site for more infos.

For example,
in the tpl_header.php, just insert the codes for Flash below the section of:

<!--bof-branding display--> <div id="logoWrapper">

<!--bof-branding display--> <div id="logoWrapper"> <script type="text/javascript" src="includes/templates/YOUR_TEMPLATE/jscript/swfobject.js"></script> <div id="flashcontent"> This text is replaced by the Flash movie. </div> <script type="text/javascript"> var so = new SWFObject("includes/templates/YOUR_TEMPLATE/images/flash/YOUR_HEADER.swf", "YOUR_HEADER", "750", "160", "7", "#000000"); so.write("flashcontent"); </script> ``` > > Note: > In the above codes, where: > YOUR_TEMPLATE = the name of your template. > YOUR_HEADER = the file name of your Flash file. > > .

Hello,

I resolved this issue above in regards to getting Image Handler to work again.

Renaming the javascript minus the . was still effecting the loading so once deleted image handler then worked.

I would still like to be referred to any other flash banner options if anyone has any input.

Thanks

I guess this is off topic, but avoid using flash as much as you can. There are many tasks that can be solved without using flash. Slideshow, for example, can use javascript instead.

Muzz:

I would still like to be referred to any other flash banner options if anyone has any input.

Muzz

The SwfObject referred to in the sample is a older version which did not play will with other code. For the latest version and how to's code.google.com/p/swfobject/wiki/documentation

Muzz:

I would still like to be referred to any other flash banner options if anyone has any input.

Thanks

Look at post 121 in this thread it might help.

Sawhorse

Thanks for your replies:

yellow1912, Davewest & Sawhorse.

I will check out each of your suggestions.

Muz

Just thought I would add that I did use the later version of SWFobject and I have my flash banner working without any probs.

After reading through a lot of flash instructions etc..** Mogensen Moccasin Co** has been by far the most helpful by far.

Other posts will miss key points.. give instruction but not say which file to edit.. are outdated by several years so you don't know whether or not it will work in newer browser versions and so on.

Can anyone please help with a flash problem.

I'm trying to add a flash slideshow to my "define_main_page.php"
area of my zen cart site. I'm not sure how, what or where I'm supposed to place code. Can someone please direct me in the right direction. Right now I have an embedded youtube video.

The site is https://www.childlocatorsystems.com

Thanks in advance.