Topic: embed in HTML

Hello,

I am having a little problem embeding tiltviewer in to my project. I am using Django-cms so I have to hard code it into my content div. I did it like this:

<div id="Content">
{% placeholder "body" %}
<object width="890" height="575">
<embed src="/media/TiltViewer.swf", "viewer" width="890" height="575">
</embed>
</object>
</div>

It works fine but it loads pictures from flicker and I don't want that wink I would like to use a XML File. Is there a way that I can tell the .swf that it should use the xml I made? It is in the same dir i.e. "/media/gal.xml".

thanks for your help smile

Sadly I can't give you a link to my project since it is not live yet an just works on a local python server.

Re: embed in HTML

You need to use the standard TiltViewer embed code, it can be found here.

Mike Richards
SimpleViewer Support Team.

Re: embed in HTML

Ok did that:

<script type="text/javascript" defer="defer">
//<![CDATA[
    var flashvars = {lang: "en-us"};
    var params = {menu: "false", wmode: "opaque"};
    var attributes = {
      id: "flash-plugin-swf-9",
      name: "flash-plugin-name-9"
    };
    swfobject.embedSWF("/media/cms_page_media/12/TiltViewer_1.swf", "flash-plugin-9", "890", "575", "9.0.0", "/media/cms/swf/expressInstall.swf",flashvars, params, attributes);
//]]>
</script>
    <script type="text/javascript">
    
        var fo = new SWFObject("/media/cms_page_media/12/TiltViewer_1.swf", "viewer", "100%", "100%", "9.0.28", "#000000");            
        
        // XML GALLERY OPTIONS
        // To use local images defined in an XML document, use this block        
        fo.addVariable("useFlickr", "false");
        fo.addVariable("xmlURL", "/media/cms_page_media/12/gallery.xml");
        fo.addVariable("maxJPGSize","640");
        
        //GENERAL OPTIONS        
        fo.addVariable("useReloadButton", "false");
        fo.addVariable("columns", "3");
        fo.addVariable("rows", "3");
        fo.addVariable("showFlipButton", "true");
        //fo.addVariable("showLinkButton", "true");        
        //fo.addVariable("linkLabel", "View image info");
        //fo.addVariable("frameColor", "0xFF0000");
        //fo.addVariable("backColor", "0xDDDDDD");
        //fo.addVariable("bkgndInnerColor", "0xFF00FF");
        //fo.addVariable("bkgndOuterColor", "0x0000FF");                
        //fo.addVariable("langGoFull", "Go Fullscreen");
        //fo.addVariable("langExitFull", "Exit Fullscreen");
        //fo.addVariable("langAbout", "About");                
        
        fo.addParam("allowFullScreen","true");
        fo.write("flashcontent");            
    </script>
</div>

As I've said before I use django-cms. I can see the .swf but now it will not load any pictures. Using Firebug it does say that it loads the crossdomain.xml but it does not load one picture.

EDIT:

Never mind! Everything works perfect!!!

I had to add a div to my content div and bam it worked smile

Last edited by Gixxa (2011-03-03 14:49:36)