Trying to Embed Flash

[Leatris]

I am trying (for the last week) to embed a flash carousel from Flash XML.net - it is the 3d Carousel Menu.

The instructions offer that I am to add the following into a html file. Specifically the script is:
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("carousel.swf", "CarouselDiv", "600", "400", "9.0.0", false, flashvars, params, attributes);
</script>
and
<div id="CarouselDiv"></div>
from the website: http://www.flashxml.net/3d-carousel-menu.html

I have been researching where I am to add these things and have downloaded the css; images, js and other files and have put them in various places to make this work and have not been able to make it work.

Please help.
Where are you suppose to put the first script and then the second?
Where are the additional files from the download suppose to go??

This is now becoming a mission - and after a week of work it is also getting a bit frustrating...

Thanks for the help.
Zen Cart 1.3.8
website: http://www.creativedesignsbyrobbie.com/

Thank you,

[Muzz]

hi there,

You will get different posts with different methods on many ways..

I tried a few.

This is what works for me on my front main page.

Path to edited file for me.

/includes/languages/english/html_includes/YOURTEMPLATE/define_main_page.php

Then dump the code where you want it be placed. I used html frames for my layout.

<object type="application/x-shockwave-flash" data="/yourfilepath/yourswfile.swf" width="200" height="200">
<param name="movie" value="/yourfilepath/yourswfile.swf" />
<param name="quality" value="high">
<param name="BGCOLOR" value="#FFFFFF">
<param name="menu" value="false">
<param name=wmode value="transparent">
</object>

Obviously you will need to edit sizing and file paths to your swf file.

[Muzz]

ops not html frames.. meant table. Dont want to confuse you.

Also i didnt like using swf object as the javascript caused some issues with other MODS on my site.

Try something like:

<object type="application/x-shockwave-flash" data="/yourfilepath/carousel.swf" width="600" height="400">
<param name="movie" value="/yourfilepath/carousel.swf" />
<param name="quality" value="high">
<param name="BGCOLOR" value="#FFFFFF">
<param name="menu" value="false">
<param name=wmode value="transparent">
</object>

With your correct file path.

[Leatris]

Muzz,
I am making progress... thank you so much. Now the problem is the movie will play if I go directly to: http://creativedesignsbyrobbie.com/i...m/carousel.swf

But when I go to my site:http://www.creativedesignsbyrobbie.com/ the movie does not load. I have the following code in the page:
<div style="text-align: center; color: rgb(102, 102, 255);"><font size="4" style="color: rgb(102, 102, 255);"><span style="font-family: verdana,arial,helvetica,sans-serif; font-weight: bold;"><table border="1" align="middle" style="width: 600px;"><tbody><tr><td><object width="600" height="400" data="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" type="application/x-shockwave-flash">
<param value="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" name="movie" />
<param value="high" name="quality" />
<param value="#FFFFFF" name="BGCOLOR" />
<param value="false" name="menu" />
<param value="transparent" name="wmode" />
</object><br /></td></tr></tbody></table><br />Welcome to Creative Designs by Robbie</span></font><br /></div>

I know some of it is working as the table resizes and the link to the software companies who wrote this works. I have loaded all the files that came with the software in the same folder:
/var/www/html/includes/languages/english/html_includes/creat_tem/define_main_page.php

Thank you for helping me with this.
Leatris

[Leatris]

Hi Muzz,
Well still trying to make this work...Have a couple of more questions.
I copied the code you gave me and it converts the param name to param value - I am working in the zen cart define pages editor.

My direct link works so I guess that means that my path is not correct.
data="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" type="application/x-shockwave-flash">
<param value="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" name="movie" />
<param value="high" name="quality" />
<param value="#FFFFFF" name="BGCOLOR" />
<param value="false" name="menu" />
<param value="transparent" name="wmode" />

In IE the error message says that the swfobect is not defined.
Again the tables is resizing and the link to the software company is working... just not playing the movie.

Thanks again.

[davewest]

This....

<object type="application/x-shockwave-flash" data="/yourfilepath/carousel.swf" width="600" height="400"> 
<param name="movie" value="/yourfilepath/carousel.swf" /> 
<param name="quality" value="high"> 
<param name="BGCOLOR" value="#FFFFFF"> 
<param name="menu" value="false"> 
<param name=wmode value="transparent"> 
</object>

Is not the same as what you was first trying to do...

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("carousel.swf", "CarouselDiv", "600", "400", "9.0.0", false, flashvars, params, attributes);
</script>
<div id="CarouselDiv"></div>

thus the error in IE...

If you rename swfobject.js and place it in includes\templates\YOUR_TEMPLATE\jscript\jscript_swfobject.js it will load with any page.

I normally have my flash files in my main image folder. if the Loadxml was setup right, it shouldn't matter where it's located.

<script type="text/javascript">
var flashvars = {};
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("images/flash/carousel.swf", "CarouselDiv", "600", "400", "9.0.0", false, flashvars, params, attributes);
</script>
<div id="CarouselDiv"></div>

Whats nice with using SWFObject, if you place text or a gif image within the div tags, when scripting is turned off that piece will be displayed other wise its replaced by the swf. The biggest problems you may have is locating the file and setting its url. you can use the full url if the indirect doesn't work out.

[Leatris]

Davewest,
My appreciation for the reply.
I removed all that Muzz suggested and put in your code and nothing worked.

I put the original code back in and once again my website has the table sized to 600X400 and the link for the Flashxml.net appearing but no movie.

This is getting to be quite a challenge. Any more tips will be most welcomed.

Leatris

[Muzz]

Hi Muzz,
Well still trying to make this work...Have a couple of more questions.
I copied the code you gave me and it converts the param name to param value - I am working in the zen cart define pages editor.

My direct link works so I guess that means that my path is not correct.
data="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" type="application/x-shockwave-flash">
<param value="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" name="movie" />
<param value="high" name="quality" />
<param value="#FFFFFF" name="BGCOLOR" />
<param value="false" name="menu" />
<param value="transparent" name="wmode" />

In IE the error message says that the swfobect is not defined.
Again the tables is resizing and the link to the software company is working... just not playing the movie.

Thanks again.

Sorry for belated reply.

Placing your file in that directly might cause permission issues.

Create a folder in the root directory of your shop. Then upload your swf file into it.

You will need to connect via an FTP program. Not sure how familiar you are with this. File Zilla is free d/l.

so for example.. create a folder called flash and put you swf file in there.

Then file path:

yourshopfoldername/flash/carousel.swf


IN regards to your other code.. for that to work you also would need to connect via FTP and upload the swf object javascript where specified.

I tried swf object was not a fan.. stuffing around too much and then killed other javascript working. Not saying it can't work as it can... I read around forum and couldn't get it going with other mods.

Little more info: http://www.zen-cart.com/wiki/index.php/Using_Flash

[Muzz]

Having a look at some of your code.. not sure if the order matters all that much but you have in reverse order.

<object width="600" height="400" data="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" type="application/x-shockwave-flash">
<param value="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" name="movie" />

I'd make this:

<object data=

<object type="application/x-shockwave-flash" data="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" width="400" height="600">
<param name="movie" value="http://creativedesignsbyrobbie.com/includes/languages/english/html_includes/creat_tem/carousel.swf" />
<param name="quality" value="high">

I left your current file paths in there for the moment but DO change these as mentioned above.

[dgent]

Is your XML file in the same folder as your SWF? - if the logo is appearing then the flash file is working, its just the content isnt being loaded.