via PayPal / credit card
Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.
HI,
I love the look of Monoslideshow and thought it would be great on my site. I just bought it and now am completely lost.
I designed my site through Dreamweaver so have no coding knowledge. I've just browsed through the manual but as I don't know the basics, so I get lost at every turn.
Is there a simpler step by step? I mean I know NOTHING about coding at all! :-(
any help very much appreciated.
Jason
I think my main query is when I type in the image source - link? do I have to type the whole thing? ie http://www. etc etc etc
I'm determined to get the show to work, i think it will be worth the learning curve :-)
Jason
It’s actually not that difficult at all. I had similar problems to get started with MSS, but the more you’ll play with the different features and settings, the more everything will come naturally to you.
1. A good starting point is the “Demo†on Monoslideshow.com Here you can choose among different pre designed templates and further customize them using on the onsite configuration tool. Just try it a few times and after refreshing the page you will see how the change to the settings affect the slideshow. Once you’re reasonably happy with how your show looks, click on Download XML to preserve the settings from the Demo File.
2. Now upload the MSS files to your server (this should include Monoslideshow.swf, Monoslideshow.xml, swfobjects.js., and the album folder)
3. Make sure that you resize your images according to the dimensions that you want to use for the MSS on your size. MSS can make them fit, but this will deteriorate the quality of the displayed images. Upload the images to “album/imagesâ€Â.
4. Now, replace the blank “Monoslideshow.xml†that came with your download with the one that you customized using the “Demo†file on Monoslideshow.com.
Now, open monoslideshow.xml using DW an scroll to the bottom of the page. There you’ll see a line of code that looks like:
<album thumbnail="album/albumThumbnail.jpg" imagePath="album/images" thumbnailPath="album/thumbnails">
Underneath of this line you will need to properly reference all the images that you have previously copied into “album/imagesâ€Â. Make sure the names of the images are exactly identical with the names listed in this file. For example:
<img src="splash_001.jpg" thumbnail="thumb_001.jpg" />
will only call the proper image if the image placed in your album/images folder is also named “splash_001.jpgâ€Â.
Every image that you placed in your album/images folder will require it’s own line of code (as shown above). 8 images will require 8 lines of code.
5. Moving on to your web page where you want the MSS to appear. Again, make sure the dimensions of the MSS and your images are consistent. Select the area where you want to place the MSS and switch from “design view†to “code view†in Dreamweaver.
Cut and paste the following code directly in the area where your cursor is at.
<div id="monoSlideshow1">
<p class="bodytext">Please install Macromedia Flash Player and turn on Javascript to view this movie.</p>
</div>
<script type="text/javascript">
var fo = new SWFObject("monoslideshow.swf", "FOmonoSlideshow", "760", "290", "7", "#000000");
fo.addParam("wmode", "transparent");
fo.addVariable("dataFile", "monoslideshow.xml");
fo.addVariable("showLogo", "false");
fo.addVariable("showVersionInfo", "false");
fo.write("monoSlideshow1");
</script>
Modify the code above and replace the specified width “760â€Âand height “290†with the proper dimensions of your show.
6. Scroll to the head section of your webpage and cut and past the following line of code somewhere before the </head> tag.
<script type="text/javascript" src="swfobject.js"></script>
7. Save everything and preview the page in your browser. This should put you in business.
I hope this helps.
Cheers!
You can work with both, relative and absolute links. Just make sure, you supply the correct path to the images in your “album/images†folder when working with relative links.
Brilliant, Brilliant, BRILLIANT!!!
Now I have something to work towards!
Thanks Red Rhino.
I don't need the thumbnails as I plan to just show about 10 images and loop them, I guess I can leane the thumbnail bit out???
Thanks again
Jason
www.onlineartdemos.co.uk
You're very welcome Jason.
Yes, you can omit the thumbnails. Just get rid off the following code in your monoslideshow.xml file: thumbnail="thumb_001.jpg" and make sure you close properly with />. That's it. Good luck and have fun.
Cheers!
N o Luck so far.
tried the above and I'm not even gettin a box on my webpage. I must be doing something drastically wrong :-/
on point 4. You say "Now, replace the blank “Monoslideshow.xml†that came with your download with the one that you customized using the “Demo†file on Monoslideshow.com".
and then I have to open the .xml and point the images to the right place, ok I think I did that ok. Do I then have to save the Monoslideshow.xml once again, and over write the one I just uploaded?
Sorry I'm not understanding this really quickly.
Jason
also I have the .js .xml and .swf files sitting right next to my index file - is that correct?
here is where I am trying to test it out. all I'm getting is the "Please install Macromedia Flash Player and turn on Javascript to view this movie." about a 1/3rd of the way down the page.
Here's the .xml
I've played around a bit, whilst waiting for the experts so probably really messed things up. I don't want thumbnails or menu bars etc just the images.
<?xml version="1.0" encoding="utf-8"?>
<slideshow>
<preferences
showLoadingIcon = "false"
showAlbumsButton = "false"
showThumbnailsButton = "false"
showControls = "false"
imageScaleMode = "noScale"
kenBurnsMode = "random"
albumWindowRows = "4"
albumWindowColumns = "4"
albumSpacing = "2"
controlAutoHide = "true"
markFile = ""
markAlign = "bottomLeft"
/><album thumbnail="path-to-thumbnail.jpg" title="insert title of album 1" description="insert description of album 1" imagePath="Wildlife_art/Pages/album" thumbnailPath="path-to-all-thumbnails">
<img src="africa.jpg" title="africa" description="insert description of image 1" />
<img src="ele.jpg" title="elephant" description="insert description of image 2" />
<img src="gorilla.jpg" title="gorilla" description="insert description of image 3" />
</album>
</slideshow>
Thanks
Jason
BTW I am trying to put the monoslide on a page which i snot my Index page.
Would appreciate some help ASAP
Thanks
Jason
Onlineart,
Had a look at your implementation and, as suspected, your xml file is not pointing to the correct directory for your images. Not going to go into great detail here as we're all busy and, having decided to build your own website, you need to learn about these things for yourself - or at least how to go about solving them for yourself (no offence intended - just a learning curve you need to go through).
In the meantime, try this:
<?xml version="1.0" encoding="utf-8"?>
<!--
Monoslideshow 1.32 configuration file
Please visit http://www.monoslideshow.com for more info
-->
<slideshow>
<preferences
kenBurnsMode = "random"
/>
<album thumbnail=album/albumThumbnail.jpg" title="Example album" description="Example description" imagePath="../album/images" thumbnailPath="../album/thumbnails">
<img src="photo1.jpg" title="Example photo 1" description="Example description 1"/>
<img src="photo2.jpg" title="Example photo 2" description="Example description 2"/>
<img src="photo3.jpg" title="Example photo 3" description="Example description 3"/>
</album>
</slideshow>
Basically, your xml file is located in your /pages directory and your images are located in the /album/images/ directory - so you have to tell the app to go back to the root directory (../) and then into your images diretory (/album/images/).
Hope this helps,
M
Appreciate your help M
and understand people are busy, but the forum here is the only place I can see where I can learn about Monoslideshow and get an answer to my question.
So I thought this was the best place to ask the questions.
I tried the above and it didn't work for me.
Basically I can get it all to work on my homepage - no problem.
When I have the .SWF .JS and .XML (see code at bottom of this post) all sitting next to my Index.htm file
and it all works fine, but if I put the code from my homepage (this)
<script type="text/javascript" src="swfobject.js"></script>
</head>
<body>
<div id="monoSlideshow">
<p><strong>Please install Flash® and turn on Javascript.</strong></p>
</div>
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("monoslideshow.swf", "SOmonoSlideshow", "480", "360", "7", "#ffffff");
so.write("monoSlideshow");
// ]]>
</script>
On the page where I really want the slideshow to be - ie my News page, then I just get -
<strong>Please install Flash® and turn on Javascript.</strong> and nothing else, no slideshow box, nothing.
I know it's a learning curve and I am honestly trying to learn.
I feel that the answer is something like pointing the code to the News page - but I don't know how.
<strong>The xml code I'm using -</strong>
<?xml version="1.0" encoding="utf-8"?>
<!--
Monoslideshow 1.32 configuration file
Please visit http://www.monoslideshow.com for more info
-->
<slideshow>
<preferences
kenBurnsMode = "random"
/>
<album thumbnail="album/albumThumbnail.jpg" title="Example album" description="Example description" imagePath="album/images" thumbnailPath="album/thumbnails">
<img src="photo1.jpg" title="Example photo 1" description="Example description 1"/>
<img src="photo2.jpg" title="Example photo 2" description="Example description 2"/>
<img src="photo3.jpg" title="Example photo 3" description="Example description 3"/>
</album>
</slideshow>
I will have another look later - but I'm sure your problems stem from the relative locations of your files.
Check the swfobject.js link in the header.
All works on the homepage (http://www.onlineartdemos.co.uk/index.htm) and your swfobject.js file is located in the same directory (http://www.onlineartdemos.co.uk/swfobject.js) right?
Your news page (http://www.onlineartdemos.co.uk/pages/news-old.htm) is in a different directory (/pages/) so the link to the swfobject.js file needs to reflect this and should be - <script type="text/javascript" src="../swfobject.js"></script> (note the "../").
M
Thanks for trying to help out again M.
I'm sure I'm doing something simple wrong, but just can't see it.
swfobject.js is in the same directory - http://www.onlineartdemos.co.uk/swfobject.js
The news-old.htm is in a different directory. On the tree when I upload it shows - /Wildlife_art/Pages/pages but in the browser address it shows - http://www.onlineartdemos.co.uk/pages/news-old.htm
My album folder is here -
/Wildlife_art/Pages/album
/Wildlife_art/Pages/album/images
/Wildlife_art/Pages/album/thumbnails
I tried the adjusted link to the swfobject as you suggested, but still the same - nothing. The slideshow should appear at the very bottom of the page.
Thanks - appreciate it
Jason
Maybe swfobject.js isn't loading, because your html page syntax seems incorrect. You can check it here:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.onlineartdemos.co.uk%2Fpages%2Fnews-old.htm&charset=%28detect+automatically%29&doctype=Inline&group=0
Most importantly, you've got no "html" start tag, nor a "head" tag. Once that's fixed, you'll probably get an error from Monoslideshow, reporting the .xml file can't be found, as there's no file at this location:
http://www.onlineartdemos.co.uk/pages/monoslideshow.xml
You can solve that either by point to a different dataFile, or by creating a new .xml file at that location, depending on what you want.
creator of MonoslideshowCheers RedRhino - you may not have solved it for onlineart, but your summary of the basics has certainly made things a lot clearer to me than anything in the monoslideshow manual. Big Thanks!
1 to 17 of 17
© 2009 Monokai, all rights reserved. Buy Monoslideshow.