Getting Flash Image Rotator to work

Hi, I'm a ZC noob and I have been slowly but surely understanding how the system works by reading a lot here. I am attempting to use a flash image rotator on my home page to rotate through some of my products. The program I am working with is here http://www.flabell.com/flash/XML-Banner-Rotator-233 The program works perfectly fine as you can see a working example here http://www.canvaspaintingsdirect.com/flashtest/index.html but I have not been able to make it work live on my home page.

Upon investigating the structure of the working example, I can see that swfObject.js is being called in the header to embed the script on the page, then an inline script is also used for configuration. First step was I added the script call line for swfObject.js into my common/html_header.php file so it resides in it's proper place in the HTML header when my home page is generated. I've placed all the files required for this program in the correct areas in templates/MY-TEMPLATE-NAME as far as I can tell, then added the rest of the code to my define_main_page.php.

Since everything appeared to be in it's proper place I thought I would have it working but it has not. I've experimented with the recommended coding for adding flash to a ZC site from the Wiki with no success. There seems to be something I am missing here, can anyone help?

You can also just insert the code into the editor for the main page (define pages editor if memory serves). You can see what I have done at https://www.ecigexpress.com

If you need more info let me know. I'm not exactly sure if that was what you had in mind.

linnx:

You can also just insert the code into the editor for the main page (define pages editor if memory serves). You can see what I have done at https://www.ecigexpress.com

If you need more info let me know. I'm not exactly sure if that was what you had in mind.

This is exactly what I'm looking for!!! I got the code from some other post like below. But I don't know where to put insert it and which file? It would be great appreciated if you could advise,linnx!

imgUrl1="http://zoomjoint.com/images/shoes/6901-910646-p.jpg";
imgtext1="text1"
imgLink1=escape("http://www.jz123.cn");
imgUrl2="http://zoomjoint.com/images/shoes/9994-890657-p.jpg";
imgtext2="text2"
imgLink2=escape("http://www.jz123.cn");
imgUrl3="http://zoomjoint.com/images/shoes/10757-806017-p.jpg";
imgtext3="text3"
imgLink3=escape("http://www.jz123.cn");
imgUrl4="http://zoomjoint.com/images/shoes/10757-910721-p.jpg";
imgtext4="text4"
imgLink4=escape("http://www.jz123.cn");
imgUrl5="http://zoomjoint.com/images/shoes/10757-910721-5.jpg";
imgtext5="text5"
imgLink5=escape("http://www.jz123.cn");

var focus_width=240
var focus_height=200
var text_height=18
var swf_height = focus_height+text_height

var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5

document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#versi

on=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param

name="movie" value="images/focus2.swf"><param name="quality" value="high"><param

name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode

value="opaque">');
document.write('<param name="FlashVars"

value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&bord

erheight='+focus_height+'&textheight='+text_height+'">');
document.write('</object>');

In the Admin, go to Tools then define pages editor. Select define_main_page.php from the dropdown list. Then you have two views to work with. One is WYSIWYG - you can change it to code view by clicking <>; Insert your code within the code view and save. See what it looks like.

Thanks for the response, very helpful to know someone else has got something close to this working! Problem is that is seems more complicated than this. The very first thing I tried was just pasting the main code right into the define_main_page.php but this resulted in a blank page. As far as I can tell in thr resulting code, everything is setup the same way as it is in the working example it just doesn't show up. Can you tell me what script you are using, how you set the folders up in the directory, and more about the code you were just able to paste into the main page and get working?

linxx,

could you pls describe what you put in the main page through define page editor?
the flash in your website is awesome!
:bigups:

Sure... This is what is in mine. If you need more help you can pm me your yahoo messenger or AOL messenger and I can try to get you through it like that.

Also, I am using a third party flash maker. So the code that yours gives you looks different.

Actually just hit me up and I can make you what you need and give you the code...

great!
i'll put it in right now
i'll keep you guys update!

linnx:

Actually just hit me up and I can make you what you need and give you the code...

Thanks a lot for the help. I wouldn't mind getting the code for the one you are using on your site but the only downside I see is that I wanted a rotator that had a description for each slide and separate link that would go to each product page when clicked. I could send you the code for the one I was looking at if you want to take a look.

You can do that easy enough. I didn't want to do that though. Mine is purely visual with no clickables.

I have been trying every conceivable path I can think of and this swf will not give me anything but the background image.

 <center><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" 
    WIDTH="320" 
    HEIGHT="240" 
    id="slideshow">
<PARAM NAME="movie" VALUE="http://site-url/shop/deploy/preview.swf?xml_source=.../deploy/banner/xml/banner.xml" />
<PARAM NAME="quality" VALUE="high" />
<PARAM NAME="bgcolor" VALUE="#f4f4f4" />
<param name="allowScriptAccess" value="sameDomain" />

<EMBED src="http://site-url/shop/deploy/preview.swf?xml_source=.../deploy/banner/xml/banner.xml" 
    quality="high" 
    bgcolor="#f4f4f4" 
    WIDTH="320" 
    HEIGHT="240" 
    NAME="slideshow" 
    allowScriptAccess="sameDomain" 
    swLiveConnect="true" 
    TYPE="application/x-shockwave-flash" 
    PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT></center>

I have tried it with the relative path shown, an exact path and it just won't give me anything but the background square.

any ideas on how to get this to show?