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.
    • CommentAuthorsds
    • CommentTimeFeb 16th 2009
     permalink

    I'm using Monoslideshow on my index page. The slideshow swf is displaying. The titles and descriptions in my xml file are displaying. However, the images are not displaying.

    _______________________________

    *** This is the code in my html file.

    <script type="text/javascript" src="indexSlideshow/swfobject.js"></script>

    <div id="monoSlideshow"><p><strong>Please install Flash® and turn on Javascript.</strong></p></div>
    <script type="text/javascript">
    // <![CDATA[
    var so = new SWFObject("indexSlideshow/monoslideshow.swf", "SOmonoSlideshow", "750", "198", "7", "#fcfcf9");
    so.addVariable("showLogo", "false");
    so.addVariable("dataFile", "indexSlideshow/monoSlideshow.xml");
    so.write("monoSlideshow");

    // ]]>
    </script>

    _______________________________

    *** This is the code in my xml file. The titles and descriptions are displaying. The images are not displaying.

    <album thumbnail="album/albumThumbnail.jpg" title="insert title of album 1" description="insert description of album 1" imagePath="album/images" thumbnailPath="album/thumbnails">

    <img src="images/slideshow/image1.jpg" title="Title image 1" description="Description image 1" target="_self" link="http://www.monoslideshow.com"/>

    <img src="images/slideshow/image2.jpg" title="Title image 2" description="Description image 2" target="_self" link="http://www.monoslideshow.com"/>

    <img src="images/slideshow/image3.jpg" title="Title image 3" description="Description image 3" target="_self" link="http://www.monoslideshow.com"/>

    </album>

    _______________________________

    *** This is my file structure.

    index.html

    indexSlideshow/swfobject.js
    indexSlideshow/monoSlideshow.xml
    indexSlideshow/monoslideshow.swf

    indexSlideshow/images/slideshow/image1.jpg
    indexSlideshow/images/slideshow/image2.jpg
    indexSlideshow/images/slideshow/image3.jpg

    indexSlideshow/images/album/ ...

    If this is confusing you can see a jpg of my file structure at http://homepage.mac.com/sallid/fileStructure.jpg.

    _______________________________

    My image paths are relative to the location of my xml file. I'm assuming this is correct. I'm I missing something?

    Thank you for the help.

    • CommentAuthorsds
    • CommentTimeFeb 16th 2009
     permalink

    I'm sorry. You will need to copy and paste the url above if you need to look at my file structure. The period at the end of the sentence is causing a problem. Thanks again.

  1.  permalink

    Hi,
    all image paths are relative to the location of the html file, as long as you don't specify a "base" parameter (which you haven't done). If you change that, you should be done.
    Another common error is to ignore the difference between .JPG, .Jpg and .jpg in Linux (= what your webserver most likely runs).

    Christoph

    • CommentAuthorsds
    • CommentTimeFeb 17th 2009
     permalink

    Thank you. Your reply helped more than you know. After you mentioned, "base parameter," I realized I had been declaring a base parameter in the xml file for my image location. Not only were my image paths relative to the location of my xml file instead of my html file, but I was also over looking this.

    Thank you again.

    _______________________________

    *** This is the corrected code in my xml file.

    <album thumbnail="indexSlideshow/album/images/albumThumbnail.jpg" title="Insert title of album 1" description="Insert description of album 1" imagePath="indexSlideshow/album/images" thumbnailPath="indexSlideshow/album/thumbnails">

    <!-- I defined a base imagePath above so I only need to reference the image by name below. No path necessary. Image paths are relative to the location of the html file. -->

    <img src="image1.jpg" title="Title for image 1" description="Description image 1" target="_self" link="http://www.monoslideshow.com"/>

    <img src="image2.jpg" title="Title for image 2" description="Description image 2" target="_self" link="http://www.monoslideshow.com"/>

    <img src="image3.jpg" title="Title for image 3" description="Description of image 3" target="_self" link="http://www.monoslideshow.com"/>

    </album>

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