Problem with Flash Header

 [B]<script type="text/javascript" src="includes/templates/arch_shoppe/jscript/swfobject.js"></script>[/B]
[B]<div id="flashcontent">[/B]
 
[B]ERROR ABOVE .. DUPLICATED CODE[/B]
 
 
 
<script type="text/javascript" src="includes/templates/arch_shoppe/jscript/swfobject.js"></script>
 <div id="flashcontent">
   <center>
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
     id="photo_tutorial.swf" width="600" height="450">
     <param name="movie" value="photo_tutorial.swf">
     <param name="quality" value="high">
     <param name="bgcolor" value="#FFCCCC">
     <embed name="/gallery3/photo_tutorial.swf" src="photo_tutorial.swf" quality="high" bgcolor="#FFCCCC"
       width="600" height="450"
       type="application/x-shockwave-flash"
       pluginspage="http://www.macromedia.com/shockwave/...ShockwaveFlash">
     </embed>
   </object>
</center>
 <script type="text/javascript">
    var so = new SWFObject("includes/templates/arch_shoppe/jscript/swfobject.js", "photo_tutorial.swf", "600", "450", "7", "#FFCCCC");
    so.write("flashcontent");
</script>
 
 

INCORRECT

 <embed name="/gallery3/photo_tutorial.swf" src="photo_tutorial.swf" quality="high" bgcolor="#FFCCCC"

Should be

 <embed name="photo_tutorial" src="photo_tutorial.swf" quality="high" bgcolor="#FFCCCC"

Actual swf file should be in includes/templates/arch_shoppe/
Have to go offline now as reside in UK..will check this thread when return..

NOTE>>>

 id="photo_tutorial.swf"

is also incorrect.. should be

id="photo_tutorial"

I just cant get it this is driving me insane...I have changed the directory to "includes/templates/arch_shoppe/flash/photo_tutorial.swf

 
 
<script type="text/javascript" src="includes/templates/arch_shoppe/jscript/swfobject.js"></script>
 <div id="flashcontent">
   <center>
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
     id="photo_tutorial" width="600" height="450">
     <param name="movie" value="/flash/photo_tutorial.swf">
     <param name="quality" value="high">
     <param name="bgcolor" value="#FFCCCC">
     <embed name="photo_tutorial" src="/flash/photo_tutorial.swf" quality="high" bgcolor="#FFCCCC"
       type="application/x-shockwave-flash"
       pluginspage="http://www.macromedia.com/shockwave/...ShockwaveFlash">
     </embed>
   </object>
</center>
 <script type="text/javascript">
    var so = new SWFObject("includes/templates/arch_shoppe/jscript/swfobject.js", "photo_tutorial.swf", "600", "450", "7", "#FFCCCC");
    so.write("flashcontent");
</script>


Not doing ANYTHING

TRY CODE BELOW

<script type="text/javascript" src="includes/templates/arch_shoppe/jscript/swfobject.js"></script>
 <div id="flashcontent">
   <center>
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     codebase="[URL]http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0[/URL]"
     id="photo_tutorial" width="600" height="450">
     <param name="movie" value="photo_tutorial.swf">
     <param name="quality" value="high">
     <param name="bgcolor" value="#FFCCCC">
     <embed name="photo_tutorial.swf" src="photo_tutorial.swf" quality="high" bgcolor="#FFCCCC"
       width="600" height="450"
       type="application/x-shockwave-flash"
      pluginspage="[URL]http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash[/URL]">
     </embed>
   </object>
</center>
 <script type="text/javascript">
    var so = new SWFObject("includes/templates/arch_shoppe/photo_tutorial.swf", "600", "450", "7", "#FFCCCC");
    so.write("flashcontent");
</script>

MAKE SURE SWF file is in
includes/templates/arch_shoppe/photo_tutorial.swf
If this does not work, then please contact me via PM.. you will need to send
me actual swf file, via email, so can test myself.
Will recheck this thread when return online tomorrow.

I have even tried other random codes and still nothing. I have the complete flash folder in /flash. The pictures, thembnails .as and everything. I dont understand why it isnt working correctly. It works if i go to the swf from the url. It makes no sense. Can anyone help out. My random code which i just tried and still had no sucess...

<script type="text/javascript" src="includes/templates/arch_shoppe/jscript/swfobject.js"></script>
<object type="application/x-shockwave-flash" data="includes/templates/arch_shoppe/flash/photo_tutorial.swf" width="600" height="400">
<param name="movie" value="includes/templates/arch_shoppe/flash/photo_tutorial.swf" />
<img src="includes/templates/arch_shoppe/images/header.jpg" border="0" width="600" height="400" ISMAP USEMAP="#headermap"/></object>


<map id ="headermap"
name="headermap">
<area shape="poly" coords="48,6,39,31,122,31,131,6" href="index.php" title="" />
<area shape="poly" coords="138,6,129,31,213,31,222,5,138,5" href="index.php?main_page=page&id=3&chapter=0" title="" />
<area shape="poly" coords="228,5,312,5,302,33,218,33" href="index.php?main_page=page&id=4&chapter=0" title="" />
<area shape="poly" coords="318,5,402,5,392,32,308,32" href="index.php?main_page=page&id=20&chapter=0" title="" />
<area shape="poly" coords="407,5,493,5,482,32,398,32" href="index.php?main_page=page&id=7&chapter=0" title="" />
<area shape="poly" coords="497,6,581,6,571,32,488,32" href="index.php?main_page=page&id=13&chapter=0" title="" />
<area shape="poly" coords="587,5,673,5,662,33,578,33" href="index.php?main_page=contact_us" title="" />
<area shape="poly" coords="679,6,761,6,751,32,668,32" href="index.php?main_page=login&zenid=e1cdb7491df4 ***193c7f9c6f3fcbd" title="" />
</map>

Looked at this problem again
http://www.wpc-consulting.com/~stxmill/gallery3/photo_tutorial.swf
There are small images attached to this swf file, stored in your folder
/gallery3
It may be that these smaller images also need to be in your template
folder, but as stated before, without complete swf and everything
that it consists of, cannot test further.

Welchyboy..

After receiving necessary files from you, via email, have
successfully integrated your flash gallery into demo zencart site, using ezpages...

**How to:**
 
All files received are extracted from folder, gallery3, 
..except the swfobject.js file, which remains in current template
js folder.
gallery3 folder.. on extraction, keep remaining folder/s structures intact,
and they go into main zencart folder, where your index.php is stored
Upload to where stated above, via ftp
That's it.. will send you, via email, code to enter into your new ezpage.
 

Demo site, tested in IE6, IE7, Firefox and Safari
at
http://www.dezinashop.com/demo/index.php?main_page=page&id=20
:clap:

BEAUTIFUL!!! So the key was to have it in the MAIN directory of the site. Got it. Thanks for taking the time out to help out i know you spend valuable time on it and i honestly appreciate it. Works great on all the computers i have tested.

So the key was to have it in the MAIN directory of the site
Up to a point, yes, except js file..**Bear in mind **that this method may NOT work
on all zencart flash integration using ezpages..plus code entered into ezpage must
be spot on re paths etc....
Also depends on flash file and any other folders/files associated with that file.
:smartalec:

Thanks to this thread I now have a flash header!!

Thanks Everyone!

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">

Hi ,

I was wondering if someone could please help.
I have used above instructions and my flash DOES WORK. However it has a black background to it. How can I change it to white?

Many thanks for the code above.

In the php code, look for #000000 and change it to suit your needs.

Would you believe that I am having several problems running my flash test_1.swf file on my main page? I have read everything I can get my eyes on and I still am having several problems. I wish some brilliant person would help out.

Now for the setup in ZC 1.3.8a (Series_12_Horses is my new template):

1. I first downloaded swfobject.js (version 2.1) and placed the file in includes/templates/Series_12_Horses/jscript/swfobject.js
2. I originally added this code in define_main_page.php found in includes/languages/english/html_includes\Series_12_Horses\define_main_page.php

<!--top of flash display-->
    <script type="text/javascript" src="includes/templates/Series_12_Horses/jscript/swfobject.js"></script>
 <div id="flashcontent">
   <center>
   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     codebase="http://active.macromedia.com/flash2/...ersion=4,0,0,0"
     id="test_1" width="600" height="240">

     <param name="movie"   value="includes/Series_12_Horses/flash/test_1.swf">
     <!--  <param name="movie"   value="test_1.swf">  -->
     <param name="quality" value="high">
     <param name="bgcolor" value="#FFCCCC">
     <embed name="test_1" src="test_1.swf" quality="high" bgcolor="#FFCCCC"
       width="600" height="240"
       type="application/x-shockwave-flash"
       pluginspage="http://www.macromedia.com/shockwave/...ShockwaveFlash">
     </embed>
   </object>
</center>
 <script type="text/javascript">
    var so = new SWFObject("includes/Series_12_Horses/flash/test_1.swf", "test_1", "600", "240", "7", "#FFCCCC");
    so.write("flashcontent");
</script>
</div>
<!--bottom of flash display-->

However, the directory where the flash file was located (includes/Series_12_Horses/flash/test_1.swf) could not be found by the code, so I placed test_1.swf in the root directory and test_1.swf was found. (I removed (includes/Series_12_Horses/flash/) in the two code locations above to make the code work).

My problems are”

1. I see an error in FireFox - SWFobject is not defined (my line 106 in define_main_page.php which is

var so = new SWFObject("test_1.swf", "test_1", "600", "240", "7", "#FFCCCC");

2. Test_1.swf does not loop. I was under the impression the loop=yes was the default.
3. I do not like to be forced to put my swf file in the rood directory. How do we fix this? I assume that fixing the SWFobject error may correct this problem.

Oh, no errors seen in IE, but no looping.

Just a FYI if you are wondering about the test_1.swf. It was not published using Adobe. It was published from a test fla file I made in Pinnacle Studio 12 using Moeya Flash Video Pro demo version. (I do not do this for profit so I can not afford Adobe.

Any Ideas? I opened my site for any testing that you may want to do. - Thanks

dbltoe:

In the php code, look for #000000 and change it to suit your needs.

Thanks dbttoe. That was it

I think I do not know how to load SWFOBJECT.js correctly. What I mean is that I downloaded swfobject.js from http://code.google.com/p/swfobject/downloads/list?q=label:Featured
as swfobject_2_1.zip
I then extracted swfobject.js from the zip. It was not sure what the other files in the zip were or how to run them.

I believe I may have done this incorrectly.

Does anyone know the correct procedure?

Line of code incorrect
i.e.

id="test_1" width="600" height="240">

should be

id="test_1.swf" width="600" height="240">

Sawhorse:

I think I do not know how to load SWFOBJECT.js correctly. What I mean is that I downloaded swfobject.js from http://code.google.com/p/swfobject/downloads/list?q=label:Featured
as swfobject_2_1.zip
I then extracted swfobject.js from the zip. It was not sure what the other files in the zip were or how to run them.

I believe I may have done this incorrectly.

Does anyone know the correct procedure?

You'll only need 'SWFOBJECT.js ' file

Sawhorse:

I think I do not know how to load SWFOBJECT.js correctly. What I mean is that I downloaded swfobject.js from http://code.google.com/p/swfobject/downloads/list?q=label:Featured
as swfobject_2_1.zip
I then extracted swfobject.js from the zip. It was not sure what the other files in the zip were or how to run them.

I believe I may have done this incorrectly.

Does anyone know the correct procedure?
http://www.zen-cart.com/forum/showpost.php?p=266210&postcount=7
Correct details/actual swfobject file given at previous thread,
url above, but as mentioned in my last post, you have incorrect line
of code...
:smile:

misty:

Line of code incorrect
i.e.

id="test_1" width="600" height="240">

> should be
> ```
id="test_1.swf" width="600" height="240">

Thank your Misty, however I am confused. In your post http://www.zen-cart.com/forum/showpost.php?p=491338&postcount=51 you do not show the swf extension. Maybe I am missing something.

I did try your suggestion changing ID=test_1 to ID=test_1.swf - However, it did not change the error noted in Firefox.

What am I doing incorrectly?

Ovas & Misty, Your statements are exactly what I thought was correct until I looked at all the files of the ZIP file. There are two swfobject.js files. A long complicated js file (the one that I used) that looks appropriate. The another swfobject.js file showes only a single line of code, however the codes seems to include all that was in the first swfobject.js file. Strange.