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.
    • CommentAuthorAdieB
    • CommentTimeAug 8th 2010
     permalink

    I have tried frustratingly to include Monoslideshow into my e-coomerce site. I have stripped the products out of the site for ease of upload. Site can be seen at www.servatech.co.za
    Any help is greatly appreciated.

    <body>
    <div id="flashContent">
    <p>Please install Flash®</p>
    </div>
    <script type="text/javascript">
    var flashvars = {};
    var params = {wmode: "transparent"};
    var attributes = {};
    swfobject.embedSWF("slideshow/monoslideshow.swf", "flashContent","620", "200", "10", false,flashvars, params, attributes);
    </script>
    </body>

    The XML File looks as below
    <?xml version="1.0" encoding="utf-8"?>
    <!--
    Monoslideshow 2.0 configuration file
    Please visit http://www.monoslideshow.com for more info
    -->
    <album thumbnail="http://www.servatech.co.za/slideshow/albumalbumThumbnail.jpg" itemPath="http://www.servatech.co.za/slideshow/album/images" thumbnailPath="http://www.servatech.co.za/slideshow/album/thumbnails">
    <configuration>
    <transition kenBurnsMode="randomZoomIn" />
    </configuration>
    <contents>
    <image source="photo1.jpg" title="title 1" description="description 1" />
    <image source="photo2.jpg" title="title 2" description="description 2" />
    <image source="photo3.jpg" title="title 3" description="description 3" />
    </contents>
    </album>

    • CommentAuthorJarredja
    • CommentTimeAug 8th 2010 edited
     permalink

    Replace this line in your html

    var flashvars = {};

    with this one

    var flashvars = {dataFile: "slideshow/monoslideshow.xml"};

    and in your xml, remove

    http://www.servatech.co.za/

    from all of the text below.

    <album thumbnail="http://www.servatech.co.za/slideshow/albumalbumThumbnail.jpg" itemPath="http://www.servatech.co.za/slideshow/album/images" thumbnailPath="http://www.servatech.co.za/slideshow/album/thumbnails">

    like so

    <album thumbnail="slideshow/albumalbumThumbnail.jpg" itemPath="slideshow/album/images" thumbnailPath="slideshow/album/thumbnails">

    • CommentAuthorAdieB
    • CommentTimeAug 8th 2010
     permalink

    Many thanks for your kind help, works well.

    • CommentAuthorshuigen
    • CommentTimeAug 23rd 2010
     permalink

    I am learning to install the slideshow on my business's website. I tried hard but still could not get the example slideshow work using the files that I downloaded after a payment. I checked all possible problems.

    I tried to see if the index.html file would work at http://www.theguitarwolks.com/slideshow/slideshow/index.html. It did not.

    So I installed the flash player and checked that javascript is enabled in my browser (firefox). I also tried to do something about the security settings because i saw this message: If you encounter any security errors loading Monoslideshow, please update your security settings by adding the Monoslideshow folder to the trusted locations. I had no idea how to that (and why).

    I then came to this forum and saw the post of "cannot get to work." It did not turn out to be helpful in my case. And I did not see any other possible help in this forum.

    If you want to see the home page where I'm trying to install the slideshow example, please go to http://www.theguitarfolks.com/index.php. You'll see in the middle this line of text: "Please install Flash(R)."!!!!

    So I'm positing my problem to get your gurus' help. Please help me get started with this slideshow thing. I wish Monokai had provided clearer and novice-oriented instructions.

    • CommentAuthorJarredja
    • CommentTimeAug 23rd 2010
     permalink

    For one, your swfobject.js is version 1.5. I believe version 2 of Monoslideshow requires 2.xxx. I think you will have a few path issues too.

    • CommentAuthorshuigen
    • CommentTimeAug 24th 2010
     permalink

    Hi Jarredja, could be please be more specific to help me out? I'm willing to pay you a small fee for your help. Thanks!

    • CommentAuthorJarredja
    • CommentTimeAug 25th 2010
     permalink

    First off, if nothing else on your website requires swfobject 1.5, replace the file located here

    http://www.theguitarfolks.com/swfobject.js

    with the swfobject.js included in the download package.

    That should get rid of the "Please install Flash" line.

    I can't locate where your images are either. Please give me a
    direct path to your test images.

    Jarred

    • CommentAuthorshuigen
    • CommentTimeSep 1st 2010
     permalink

    Hi Jarredja, you must be a guru for the monslideshow!

    I still have problems getting the slideshow work. Frustrated.

    I did get it work after following your help. It worked with three photos I used to replaced the "Photo 1," "Photo 2," and "Photo 3" in the example file.

    Later, I tried to test it with more photos, Then it all stopped working. So i removed the additional photos i added to see whether it will come back to work just with those three photos. No! It did not work any more. You can see the error message on my website at http://www.theguitarfolks.com/

    I checked my folders and their path and see no problems anywhere.

    You can see the code in my index.php source code from the view source of your browser.

    Below is all the code of the slideshow.xml file:

    <?xml version="1.0" encoding="utf-8"?>
    <!--
    Monoslideshow 2.0 configuration file
    Please visit http://www.monoslideshow.com for more info
    -->
    <album thumbnail="slidehow/album/albumThumbnail.jpg" itemPath="slideshow/album/images" thumbnailPath="slideshow/album/thumbnails">

    <!--
    <configuration>
    <transition kenBurnsMode="randomZoomOut" />
    </configuration>
    -->

    <configuration scaleMode="downscaleToFit" />

    <contents>

    <image source="310P-SNBL-L18-83.jpg" title="310P-SNBL-L18" description="First Strat Style Electric Guitar" />
    <image source="KSR-6100-GBS-L29-80.jpg" title="KSR-6100-GBS" description=""Kashmir Dreadnought Acoustic Guitar" />
    <image source="KSR-6113-NT-L29-80.jpg" title="KSR-6113-NT" description="Kashmir Acoustic-Electric Guitar" />

    </contents>

    </album>

    The folder "slideshow" is at the same level as the index.php (the home page of our site. In the folder of "slideshow" i have the folder of "album," the "slideshow.swf" file, the "slideshow.xml" file, and the "swfobject.js" file. The "images" folder is in the folder of "album." ...

    Please help me out. It's so frustrating! Thank you very much!

  1.  permalink

    There's a double "" in front of "Kashmir Dreadnought".
    Christoph

    • CommentAuthorshuigen
    • CommentTimeSep 1st 2010
     permalink

    Thank you, christophvl. I removed the extra ". I also saw a missing "s" in the"slideshow" in "slidehow/album/albumThumbnail.jpg" ... (<album thumbnail="slidehow/album/albumThumbnail.jpg" itemPath="slideshow/album/images" thumbnailPath="slideshow/album/thumbnails">) but it still does not work.

    Would you please see whether there is any other problem? (I did check all the spelling very carefully.)

    Thank you!

    • CommentAuthorJarredja
    • CommentTimeSep 1st 2010 edited
     permalink

    </contents> </configuration> </album>

    In the lines above, remove the

    </configuration>

    so that it reads

    </contents> </album>

    Hi Jarredja, you must be a guru for the monslideshow!

    Not a guru, just another user that likes to help others when I am able.

    • CommentAuthorshuigen
    • CommentTimeSep 1st 2010
     permalink

    Jarredja, thank you very much! It's working now!

    Originally, I did not have that </configuration> tag. I added it to try to solve that problem.

    So it looks like that the problem was the extra " in the description. We cannot be careful enough.

    The reason I had that extra " was because I tried to put our brand names ("Kashmir" and "Norma") in "". Please take a look at our slideshow on our home page at http://www.theguitarfolks.com/ Can you tell me how i can have "" for the brand name in the description?

    Again, thank you very much!

    Shuigen

    • CommentAuthorJarredja
    • CommentTimeSep 1st 2010 edited
     permalink

    I used this locally and it seems to work. give it a try on your server. I used ( ' ) single quotes to surround the text and symbols.

    <image source="photo1.jpg" title='"test" testing' />

    • CommentAuthorshuigen
    • CommentTimeSep 2nd 2010
     permalink

    Jarredja,

    Thank you very much again.

    May I ask you to teach me how to add a video in the slide show, how to change the font size of the titles and descriptions for the images?

    I studied the manual and tried a few time but did not get anything work. It's just too much for me.

    I really appreciate your time and hope I can do something for you. Thank you!

    Shuigen

    • CommentAuthorJarredja
    • CommentTimeSep 3rd 2010
     permalink

    Here is the top of your corrected xml with the first two images of your slideshow along with a video link.

    Put the video in the same folder as the photos. Notice I removed the stuff in

    itemPath

    and you must also add

    slideshows/album/images

    to all your image paths.

    <?xml version="1.0" encoding="utf-8"?>
    <!--
    Monoslideshow 2.0 configuration file
    Please visit http://www.monoslideshow.com for more info
    -->
    <album thumbnail="album/albumThumbnail.jpg" itemPath="" thumbnailPath="">

    <configuration scaleMode="downscaleToFit" backgroundColor="#ffffff" >
    <caption>
    <title size="14" />
    <description size="6" />
    </caption>
    </configuration>

    <contents>
    <image source="slideshows/album/images/First_Guitar_PMS_HSTK.jpg" thumbnail="" title="First Guitar Headstock Maple Fretboard" description="" />
    <image source="slideshows/album/images/First_Guitar_PRS_HSTK.jpg" thumbnail="" title="First Guitar Headstock Rosewood Fretboard" description="" />
    <video source="album/images/YOUR_VIDEO_HERE.mp4" />

    Good Luck

    • CommentAuthorshuigen
    • CommentTimeSep 4th 2010
     permalink

    Hi Jarredja, thanks a lot! You are so nice and kind!

    The caption font sizes worked, but the I could not get the video thing work.

    I did put the video in the same folder as the photos. My video file is a .mpg file.

    Below is what I have tried:

    <album thumbnail="slideshows/album/albumThumbnail.jpg" itemPath="" thumbnailPath="">

    <configuration scaleMode="downscaleToFit" backgroundColor="#ffffff">

    <caption>
    <title size="12" />
    <description size="12" />
    </caption>

    </configuration>

    <contents>

    <image source="slideshows/album/images/First_Guitar_PMS_HSTK.jpg" thumbnail="" title="First Guitar Headstock Maple Fretboard" description="" />
    <image source="slideshows/album/images/First_Guitar_PRS_HSTK.jpg" thumbnail="" title="First Guitar Headstock Rosewood Fretboard" description="" />
    <video source="album/images/QCmoviesmall33.mpg" />
    </content>
    </album>

    I also tried <video source="slideshows/album/images/QCmoviesmall33.mpg" /> because I thought you might left out the slideshows/ in the video source attribute.

    It did not work either.

    May I ask whether the <video source="slideshows/album/images/QCmoviesmall33.mpg" /> can be the first line in the <content></content>, and whether i can just give the direct link to the video on YouTube, <video source="http://www.youtube.com/watch?v=hm2DshqRMgI&feature=player_embedded" />?

    Thank you very much!

    Shuigen

    • CommentAuthorJarredja
    • CommentTimeSep 4th 2010
     permalink

    I don't actually use video so I don't know the answers to most of your questions. However, if you can find a .mp4 or convert your video it should work fine with the path I posted, provided your server is set up to display them. There are a few file types that should work for video but your .mpg did not work for me either. I had an .mp4 that I got to work with and I use it for testing.

    You can move the video to be first, last, or anywhere in between. I just chose to place it third to give you familiarity to the code. I know nothing of youtube other than I have watched a few videos on it.

    • CommentAuthorshuigen
    • CommentTimeSep 12th 2010
     permalink

    Jarredja,

    Thank you very much all the same! You're a nice and kind person!

    Shuigen

  2.  permalink

    Hi all, I am completely new at this. I have no idea how this work. Say i am using tumblr and would like to embed monoslideshow into 1 of my posts. What is required for me to do. Please help me. Thank you so much..

    • CommentAuthorJarredja
    • CommentTimeOct 7th 2010 edited
     permalink

    I don't know that one at all. The manual does mention it though. Do a search through the forum using that as a keyword. Try both the subject lines and also content when searching. There has been some discussion of tumblr.

    • CommentAuthorKaty
    • CommentTimeOct 14th 2010
     permalink

    Hi I am new to all this and am not sure how to change anything like the preferences, ie how do you get rid of the Monoslideshow 2.16 advert and the registration number showing when you right click on the photo on the page?

  3.  permalink

    Hi Katy,
    did you happen to look into the documentation? "Disabling startup logo" and "Disabling registration info" are the topics you need.
    Christoph

    • CommentAuthorKaty
    • CommentTimeOct 15th 2010
     permalink

    Thanks Christophvl for a reply, I saw that, but I seem to be missing something probably obvious to everybody except me I am and not sure how to make the changes, I thought you had to make the changes to the XML file but when I opened it up in notepad for editing it looks like this below, but how do I change what I want to change?

    <?xml version="1.0" encoding="utf-8" ?>
    - <album>
    - <configuration>
    - <caption>
    <title />
    <description />
    <shadow />
    <transition />
    </caption>
    - <navigation>
    - <albums>
    - <caption>
    <title />
    <description />
    </caption>
    <shadow />
    - <transition>
    <shadow />
    </transition>
    </albums>
    + <items>
    <shadow />
    - <transition>
    <shadow />
    </transition>
    </items>
    <shadow />
    - <caption>
    <title />
    <description />
    </caption>
    <pageIndicator />
    </navigation>
    <reflection />
    - <controller>
    <transition />
    <scrubBar />
    <shadow />
    </controller>
    - <mark>
    <shadow />
    </mark>
    - <progress>
    <shadow />
    </progress>
    <transition />
    <shadow />
    <sound />
    - <thumbnailNavigation>
    - <items>
    <shadow />
    - <transition>
    <shadow />
    </transition>
    </items>
    <shadow />
    </thumbnailNavigation>
    </configuration>
    - <contents>
    - <!-- ...
    -->
    </contents>
    </album>

    • CommentAuthorJarredja
    • CommentTimeOct 15th 2010
     permalink

    Look at the files in your download package, specifically the HTML folder. These changes should be made in the HTML page that is calling monoslideshow. Also search the forum a bit and you will find several discussions on the topic. Do you use a cms? If so, which one?

    • CommentAuthorKaty
    • CommentTimeOct 15th 2010 edited
     permalink

    Hi Jarredja,

    Thanks for your reply, I have looked at them and am still not sure what file I am meant to be editing to make the changes I want. I have also looked through the forum to try to find a solution to no avail. Can you point me in the right direction Jarredja.

    I sort of was expecting a program like your demo to edit on my laptop and save the changes etc. I am not sure what a cms is either. I am only just 12, I wanted to put some photos onto my website which I created using Microsoft Expression Web 3 my website address is http://www.katyroberts.co.uk you can see the sort of thing I am trying to do in "my Photo Gallery"

    Katy

    • CommentAuthorJarredja
    • CommentTimeOct 17th 2010
     permalink

    Katy,

    I don't use that software so I don't know how it functions. As for where to put the code to hide the registration, it is in the HTML page.

    • CommentAuthorKaty
    • CommentTimeOct 17th 2010 edited
     permalink

    I have changed var flashvars = {showLogo: "false"}; on my page http://www.katyroberts.co.uk/lakeland_2010.html but nothing happened, also wher do you find the line var flashvars = {showRegistration: "false"}; so that I can disable the registration logo, I have looked everywhere.

    Katy

    • CommentAuthorJarredja
    • CommentTimeOct 17th 2010
     permalink

    Use this to stop both and then clear the browser cache, then test again.

    var flashvars = {showLogo: "false", showRegistration: "false"};

    • CommentAuthorKaty
    • CommentTimeOct 17th 2010
     permalink

    Hi Jarredja,

    I tried inserting var flashvars = {showLogo: "false", showRegistration: "false"}; into my page but nothing changed, any ideas?

    Katy

    • CommentAuthorJarredja
    • CommentTimeOct 17th 2010
     permalink

    It's because the script where you have defined the showLogo and showRegistration is not used.

    <script type="text/javascript">
    var flashvars = {showLogo: "false", showRegistration: "false"};
    var params = {allowscriptaccess: "sameDomain", allowfullscreen: "true", allownetworking: "all", bgcolor: "000000"};
    var attributes = {id: "monoslideshow", name: "Katy slide show"};
    swfobject.embedSWF("monoslideshow.swf", "flashContent", "480", "480", "10", false, flashvars, params, attributes);
    </script>

    What is actually showing is this code from below.

    <div id="column_l" style="left: 0px; top: 0px; width: 689px">
    <!-- #BeginEditable "content" -->
    <h2 class="style3">Lake District 2010</h2>
    <p class="style4">
    <object id="flash1" data="photo_viewer/html/monoslideshow.swf" height="360" type="application/x-shockwave-flash" width="480">
    <param name="movie" value="photo_viewer/html/monoslideshow.swf" />
    <param name="base" value="photo_viewer/html" />
    <param name="quality" value="High" />
    </object>

    Try removing both sets of code and try this instead.

    <script type="text/javascript"> var flashvars = {showLogo: "false", showRegistration: "false"}; var params = {allowscriptaccess: "sameDomain", allowfullscreen: "true", allownetworking: "all", bgcolor: "000000"}; var attributes = {id: "monoslideshow", name: "Katy slide show"}; swfobject.embedSWF("monoslideshow.swf", "column_I", "480", "480", "10", false, flashvars, params, attributes); </script> <div id="column_l" style="left: 0px; top: 0px; width: 689px"> <!-- #BeginEditable "content" --> <h2 class="style3">Lake District 2010</h2> <p class="style4">

    I replaced flashContent with column_I in your script so that the script will write to a div like it is supposed to.

    That was one way, if you want to use the object and embed tags instead, there are other ways to do it. If that is what you want to do, use the search to find where someone has done it and posted the code. I am not familiar enough to tell you how to do it the other way.

    • CommentAuthorKaty
    • CommentTimeOct 18th 2010
     permalink

    Hi Jarredja,

    When I did what you told me the web page moved to the left and it still shows logo and registration, have you any ideas as to where I have gone wrong?

    Katy

    • CommentAuthorJarredja
    • CommentTimeOct 18th 2010
     permalink

    Try this instead, just to test out the flashvars settings.

    <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Monoslideshow 2.16 Example</title> <script type="text/javascript" src="swfobject.js?v=2.2"></script> <script type="text/javascript"> var flashvars = {showLogo: "false", showRegistration: "false"}; var params = {}; var attributes = {}; swfobject.embedSWF( "monoslideshow.swf", "flashContent", "480", "360", "10", false, flashvars, params, attributes ); </script> </head> <body> <div id="flashContent"> <p>Please <a href="http://get.adobe.com/flashplayer/">install Flash®</a> and turn on Javascript.</p> </div> <p>If you encounter any security errors loading Monoslideshow, please update your <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">security settings</a> by adding the Monoslideshow folder to the trusted locations.</p> </body> </html>

    This is simply the basic code from the download package. It uses a div named flashContent and unlike your code, it calls the swfobject.js .

    Your code still calls two instances of monoslideshow.swf but only the one with the object tags (lower on the page) are showing due to not calling the swfobject.js. Of course you will need to have the swfobject.js on your server in the proper place for it to work. If you simply upload the entire html folder to your server (and add the var flashvars line) it should function properly. Then it is up to you to get your page formated the way you wish it to look. Maybe your software is automatically adding the extra slideshow???

    Also, just to note I accidently typed column_I (with a i) instead of column_l (with a lowercase L) in the script that I wrote in the previous post above.

    Try starting from scratch with the html page above and then if it works as you wish, work on integrating it into your site.

    Sorry, I can't be of more help at the moment.

    • CommentAuthord4x3n0
    • CommentTimeOct 19th 2010
     permalink

    Hi everyone...

    i have a Monoslideshow ver. 1.2 installed on my site but i can not get to work.

    my site is - www.daxeno.com/zenphoto/

    any help will be much appreciated.

    Thanks a lot.

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