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.
    • CommentAuthorsjs
    • CommentTimeFeb 25th 2009
     permalink

    I use Dreamweaver.. I'm trying to learn Monoslideshow - Inside the IMAGES folder of my Dreamweaver Site, I have created a folder called monoslideshow.. Inside monoslideshow there is a file called monoslideshow.xml, index.html, and swfobject.js. I put a folder inside the slideshow folder called album. Inside "album" is the albumThumbnal.jpg, and inside "album" I have created two folders -a folder called album 1 (includes photo1.jpg, etc.) a second folder is inside the album folder called album 2 (includes thumbs1.jpg, etc.) . I'm taking this One step at a time.. am I even close to setting up the structure in Dreamweaver.

    • CommentAuthorsjs
    • CommentTimeFeb 25th 2009
     permalink

    This is more or less a copy of a structure in the manual, but this is what I have on .xml file

    <?xml version="1.0" encoding="utf-8"?>
    <slideshow>
    <preferences
    imageTransition="bubblesBlend"
    controlAutoHide="false"

    />
    <album thumbnail="album1.jpg" imagePath="album1">
    <img src="photo1.jpg" thumbnail="thumb1.jpg" />
    <img src="photo2.jpg" thumbnail="thumb2.jpg" />
    <img src="photo3.jpg" thumbnail="thumb3.jpg" />
    <img src="photo4.jpg" thumbnail="thumb1.jpg" />
    <img src="photo5.jpg" thumbnail="thumb2.jpg" />
    <img src="photo6.jpg" thumbnail="thumb3.jpg" />
    </album>
    <album thumbnail="album2.jpg" imagePath="album2" thumbnailPath="thumbs">
    <img src="photo1.jpg" />
    <img src="photo2.jpg" />
    <img src="photo3.jpg" />
    <img src="photo4.jpg" />
    <img src="photo5.jpg" />
    <img src="photo6.jpg" />
    <img src="photo7.jpg" />
    </album>
    </slideshow>

    • CommentAuthorcesacha
    • CommentTimeFeb 25th 2009
     permalink

    I AM VERY NEW ON THAT BAD I GUESS YOU NOW NEED TO INSERT THE .SWF FILE INTO THE PAGE, LIKE IN A DV TAG OR DIRECT AND THIS IS THE CODE ON MY .XML, MAYBE HELP YOU SOMEWAY

    <slideshow>

    <paramer showVersionInfo="false"/>

    <preferences
    kenBurnsMode = "random"
    showAlbumsButton= "true"
    showThumbnailsButton= "true"
    thumbnailWindowAlwaysOn= "true"
    thumbnailWindowAlign= "bottomCenter"
    thumbnailWindowAutoSize= "true"
    thumbnailWindowPadding= "20"
    thumbnailWidth= "30"
    thumbnailHeight= "30"
    controlAutoHide= "false"
    startWith= "albums"

    />

    <album thumbnail="images/albumThumbnail.jpg" title="Example album" description="Example description" imagePath="images/images"
    thumbnailPath="images/images">
    <img src="casa_canales.jpg" title="CASA CANALES" description="COSTA RICA"/>
    <img src="CTUAIF996153-02.jpg" title="Example photo 2" description="Example description 2"/>
    <img src="tik_04_beach_bungalow.jpg" title="Example photo 3" description="Example description 3"/>

    </album size="tiny"/>

    <album thumbnail="images/100.jpg" title="Example album" description="Example description" imagePath="images/dos"
    thumbnailPath="images/dos">
    <img src="Beautiful flowers.JPG" title="Beautiful flowers" description="SANTIAGO SPRINGS AREA"/>
    <img src="Historical discovery see the pacific ocean and the bay in center of picture.JPG" title="Historical discovery see the pacific ocean and the bay in center of picture" description="SANTIAGO SPRINGS AREA"/>
    <img src="It blows Smokey mountains all hollow.JPG" title="It blows Smokey mountains all hollow" description="SANTIAGO SPRINGS AREA"/>
    <img src="Miles and miles of beautiful woods.JPG" title="Miles and miles of beautiful woods" description="SANTIAGO SPRINGS AREA"/>
    <img src="One day tour to Chirripo.JPG" title="One day tour to Chirripo" description="SANTIAGO SPRINGS AREA"/>
    <img src="Pristine Glory.JPG" title="Pristine Glory" description="SANTIAGO SPRINGS AREA"/>
    <img src="See the Crestones at top center of picture.JPG" title="See the Crestones at top center of picture" description="SANTIAGO SPRINGS AREA"/>
    <img src="Sunset Mountain of fire.JPG" title="Sunset Mountain of fire" description="SANTIAGO SPRINGS AREA"/>
    <img src="There lays Monte Verde.JPG" title="There lays Monte Verde" description="SANTIAGO SPRINGS AREA"/>

    </album>

    <album thumbnail="images/casa_canales.jpg" title="Example album" description="Example description" imagePath="images/tres"
    thumbnailPath="images/tres">
    <img src="2342222.jpg" title="CASA CANALES" description="COSTA RICA"/>
    <img src="3423423.jpg" title="Example photo 2" description="Example description 2"/>
    <img src="3423442.jpg" title="Example photo 2" description="Example description 2"/>

    </slideshow>

    • CommentAuthorsjs
    • CommentTimeFeb 25th 2009
     permalink

    Thank you for your quick response. Yes, I know to insert the .swf file.. In dreamweaver I guess i just need to insert a div tag and then just go to insert and select the swfobject.js... I'll see what happens..
    Thanks, again.

  1.  permalink

    sjs,
    quickly:
    1) Download the latest swfobject.js from GoogleCode.
    2) Add the following to your head section:
    <code><script type="text/javascript" src="path/to/swfobject.js"></script>
    <script type="text/javascript">
    swfobject.registerObject("viewport", "9.0.0");
    </script>
    </code>
    and change the path to swfobject.js.

    In your body section create a div to be replaced with mss, in the example named "main":
    <code>
    <div id="main">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="491" height="328" id="viewport">
    <param name="movie" value="../js/monoslideshow.swf" />
    <param name="base" value="2008_5/" />

    <param name="flashvars" value="showLogo=false" />
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="../js/monoslideshow.swf" width="491" height="328">
    <param name="base" value="2008_5/" />
    <param name="flashvars" value="showLogo=false" />
    <!--<![endif]-->
    <h1>Hoppla!</h1><p>Zur Anzeige der Galerien benötigen Sie einen Browser mit einem installierten, aktuellen <a href="http://www.adobe.com/go/getflashplayer">Flashplayer</a> und aktiviertem Javascript.</p>

    <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
    </object>
    </div><!--main-->
    </code>
    Again, check all paths, especially with the "base" parameter.
    Adjust your CSS to place the div where you want.
    Also (important): Change the lines starting with "lesser, exclamation mark, hyphen, hyphen" into valid Conditional Comments - the forum software unfortunately doesn't show "greater" and "lesser" signs correctly.

    You can see a working example <a href="http://www.horsecompetence.de/galerie/aktuell_5.html">here on my website where the Conditional Comments are not garbled.

    Christoph

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