see live demo!

Not signed in (Sign In)

Categories

 

buy Monoslideshow

via PayPal / credit card

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

Welcome Guest!
Want to take part in these discussions? If you have an account, sign in now.
If you don't have an account, apply for one now.
    • CommentAuthorctbjs
    • CommentTimeOct 20th 2008
     permalink

    File structure is as follows:

    -Slideshow
    +images
    +thumbnails
    monoslideshow.swf
    monoslideshow.xml
    swfobject.js
    index.html

    The index.html file is as follows:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <script src="Slideshow/swfobject.js" type="text/javascript"></script>
    <meta content="en-gb" http-equiv="Content-Language" />
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>CTBJS</title>
    </head>

    <body style="background-color: #616A6C">
    <div id="mssHolder">
    <p>Temporary holder for the Flash&Reg;object</p>
    </div>
    <script type="text/javascript">
    var so = new SWFObject("monoslideshow.swf", "mss", 480, 360, "7", "#ffffff");
    so.addVariable("showLogo", "false");
    so.write("mssHolder");
    </script>

    <div id="layer1" style="position: absolute; width: 680px; height: 318px; z-index: 5; left: 166px; top: 202px; background-color: #6F7669">
    </div>

    </body>

    </html>

    This is my .xml file:

    <?xml version="1.0" encoding="utf-8"?>

    <!--
    Monoslideshow 1.32 configuration file
    Please visit http://www.monoslideshow.com for more info
    -->

    <slideshow>

    <preferences

    showLoadingIcon = "false"
    showAlbumsButton = "false"
    showThumbnailsButton = "false"
    showControls = "false"
    showImageInfo = "never"
    kenBurnsMode = "randomPan"
    markFile = ""

    />

    <album thumbnail="path-to-thumbnail.jpg" title="The Lakes 2008" description="A day out for dad" imagePath="slideshow/images" thumbnailPath="path-to-all-thumbnails">

    <img src="GG1.jpg" title="Lake District 2008" description="View from the top of Great Gable looking down on Wastwater" />
    <img src="GG3.jpg" title="Lake District 2008" description="View from the top of Great Gable looking over at Scafell Pike" />
    <img src="GG16.jpg" title="Lake District 2008" description="The victory salute" />
    <img src="GG18.jpg" title="Lake District 2008" description="He may be old but he's still got it" />
    <img src="GG28.jpg" title="Lake District 2008" description="See how much fun a long walk in the sunshine can be" />
    <img src="GG43.jpg" title="Lake District 2008" description="A gathering around the stretcher box" />
    <img src="GG69.jpg" title="Lake District 2008" description="Enough to put anyone off" />

    </album>

    </slideshow>

    Could someone please give me an indication as to where i am going wrong without asking me to refer back to previous posts as i have trawled through so many I can't find anything that helps me.

    Many thanks in advance.

    Chris

    •  
      CommentAuthorchristophvl
    • CommentTimeOct 20th 2008 edited
     permalink

    Hi,
    first thing I notice:
    In the head section you refer to <code>src="Slideshow/swfobject.js"</code> although while describing your file structure you list swfobject.js as being in the same directory as index.html, so it should be <code>src="swfobject.js"</code>only.
    Next thing: You write <code>so.write("mssHolder");</code>, but afterwards you place a div called "layer1" which gets so much positioning that I'm inclined to think this is where you want the slideshow to go. To achieve this, you need to change your line to <code>so.write("layer1");</code>.
    This should take you to the next step. If you still have problems, please upload everything to some testsite where we can look at the "living thing".
    Greetings from Germany,
    Christoph

monokai logo © 2009 Monokai, all rights reserved. Buy Monoslideshow.