via PayPal / credit card
Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.
hi everybody,
first, i really appreciate all mono slideshow customizable features,all was good but i wanted a smaller window to show in my s site so i tweaked the the margin and viewport configuration attributes to shrink down the slideshow but now the fulscreen mode is cropped too
any help
thx in advance
in the html embed code,such as below, change the numbers that I have listed as 480 to your desired numbers. Note: this code came from V2.05 and notates Flash 9 as minimum. If you use a higher version, change the 9 to 10
<script type="text/javascript">
var flashvars = {showLogo: "false", showRegistration: "false"};
var params = {allowScriptAccess: "sameDomain", allowfullscreen: "true", allowNetworking: "all"};
var attributes = {id: "monoslideshow", name: "monoslideshow", bgColor: "FFFFFF"};
swfobject.embedSWF("monoslideshow.swf", "flashContent", "480", "480", "9", false, flashvars, params, attributes);
</script>
thx a lot it worked fine, i can go fullscreen now while slideshow window size is 800x600, but now it's not centered the slide show is on the topleftcorner of the page, how should i get it centered?
This is done by css - you essentially center the div that monoslideshow replaces.
For a div called flashContent this would look like
div#flashContent {
width:800px;
margin:0px auto 0px auto;
}
Christoph
thx guys , for your help, man i really need to learn some html coding structure, i don't even know where to past those lines (somewhere inside index.html i guess?), do you happen to know an easy tutorial to do this? again many thanks
Post a link to your page and I'll tell you.
Christoph
thx man ^^
You change the style section of your website from
<style type="text/css" media="screen"> html, body { height:800; }
body {
margin:0;
padding:0;
overflow:auto;
background-color: #000000;
color:#666;
font-family:sans-serif;
font-size:20px;
}
a {
color:#ff0000;
}
</style>
to
<style type="text/css" media="screen"> html, body { height:800; }
body {
margin:0;
padding:0;
overflow:auto;
background-color: #000000;
color:#666;
font-family:sans-serif;
font-size:20px;
}
a {
color:#ff0000;
}
div#flashContent {
width:800px;
margin:0px auto 0px auto;
}
</style>
If necessary, you may have to adjust the "width" property.
And just in case you are wondering: No, it is not as easy to center the slideshow vertically (essentially, you would have to place the div into a table cell, which is a no-no in today's web design).
Christoph
hi,
i'm asking again for your help Christoph,
i tried but no change, so i made a brand new html with dreamweaver, everything seemed to be perefect (in firefox) but it doesn't work in IE.
heres my new index.html
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kanko's photography</title>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body bgcolor="#000000">
<p> </p>
<p> </p>
<p align="center">
<object classid="monoslideshow.xml" codetype="text/html" type="text/html" width="888" height="574" hspace="0" vspace="0" align="absmiddle" id="FlashID">
<param name="movie" value="monoslideshow.swf" />
<param name="allowFullScreen" value="true" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="SCALE" value="exactfit" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="monoslideshow.swf" width="888" height="574">
<!--<![endif]-->
<param name="allowFullScreen" value="true" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="SCALE" value="exactfit" />
<div>
<h4>Le contenu de cette page nécessite une version plus récente d’Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtenir le lecteur Adobe Flash" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</p>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
Hi Kankos,
why do you want to make life difficult for yourself? You were more or less there!
Dreamweaver uses a slightly different way to embed Flash movies into websites and knows nothing of Monoslideshow's requirements, so of course you can get that to work as well, but it will definitely be more complicated.
I recommend looking for somebody around you who knows his/her way around html - your problems are not at all Monoslideshow specific.
Christoph
hi Chris,
thx for all i finally made it with centering div tags!
i have another minor problem,concerning monoslidesho.xml, though.
the title and description of the image don't show up ,here's the xml
<?xml version="1.0" encoding="utf-8"?>
<album>
<configuration delay="30" fullScreenScaleMode="downscaleToFit" onAlbumEnd="showParentAlbum" scaleMode="downscaleToFit" startWithNavigationWindow="true" startWithItemID="spe" >
<mark source="identity_plate.png" position="topRight" margin="10,10,10,10" alpha="0.6" />
<sound navigationAlbumUpSelect="http://www.kankos.com/mono/nas.mp3" fullScreenSelect="http://www.kankos.com/mono/fss.mp3" navigationCloseSelect="http://www.kankos.com/mono/ncs.mp3" navigationNextSelect="http://www.kankos.com/mono/nns.mp3" navigationPreviousSelect="http://www.kankos.com/mono/nps.mp3" navigationSelect="http://www.kankos.com/mono/ns.mp3" nextSelect="http://www.kankos.com/mono/nextselect.mp3" pauseSelect="http://www.kankos.com/mono/pauseselect.mp3" playSelect="http://www.kankos.com/mono/playselect.mp3" previousSelect="http://www.kankos.com/mono/previousselect.mp3" select="http://www.kankos.com/mono/s.mp3" />
<caption backgroundAlpha="0.80" countSeparator="\(^3^)/" displayMode="onHover" showCount="true" strokeWidth="2" >
<title template="{title}[ - date taken: {DateTimeOriginal}]" font="Trebuchet MS" />
<description template="ISO: {ISOSpeedRatings}, aperture: f/{FNumber}, exposure time: {ExposureTime}" />
<shadow/>
<transition type="moveIn" />
</caption>
<navigation strokeWidth="0" >
<albums columns="2" imageRoundness="20" >
<caption>
<title/>
<description/>
</caption>
<shadow/>
<transition>
<shadow/>
</transition>
</albums>
<items imageRoundness="20" rows="3" >
<shadow/>
<transition>
<shadow/>
</transition>
</items>
<shadow/>
<caption displayFullTitles="true" >
<title/>
<description/>
</caption>
<pageIndicator/>
</navigation>
<reflection height="40" />
<controller disappearMode="horizontal" showFullScreenButton="true" showMuteButton="true" startHidden="true" >
<transition/>
<scrubBar/>
<shadow/>
</controller>
<mark>
<shadow/>
</mark>
<progress>
<shadow/>
</progress>
<transition kenBurnsMode="autoPan" kenBurnsStrength="1" kenBurnsTime="50" size="0.5" strength="0.5" time="3" type="wipe" />
<shadow/>
<sound/>
<thumbnailNavigation>
<items>
<shadow/>
<transition>
<shadow/>
</transition>
</items>
<shadow/>
</thumbnailNavigation>
</configuration>
<contents>
<album thumbnail="thumbnails/greenish.jpg" title="special effects" description="more than further editing can be found on this album,dream-like effects for unreal results..." itemPath="photos" thumbnailPath="thumbnails" highResPath="photoshd" id="spe">
<contents>
<image source="greenish.jpg" />
<image source="flowerish.jpg" />
<image source="fashion_2.jpg" />
<image source="fashionai.jpg" />
<image source="fashionrom.jpg" />
<image source="manga.jpg" />
<image source="rockstar.jpg" />
<image source="splatter2_2.jpg" />
<image source="entitee.jpg" />
<image source="egg2_2.jpg" />
<image source="korbeille2.jpg" />
<image source="waterlyfrog.jpg" />
<image source="fairish.jpg" />
<image source="sakurakankosr.jpg" />
<image source="flowerasian.jpg" />
<image source="frog.jpg" />
<image source="outofbound.jpg" />
<image source="specialeffects.jpg" />
<image source="smoke.jpg" />
<image source="godmimoun.jpg" />
<image source="flames.jpg" />
<image source="medusa.jpg" />
<image source="frost2.jpg" />
<image source="Untitled_1.jpg"/>
</contents>
</album>
<!-- ... -->
</contents>
</album>
Hi,
your xml is a little garbled, especially embedding one album into another without the first one doing anything is unnecessary and most likely leads to the effect you describe. My suggestion for a clean start would be
<?xml version="1.0" encoding="utf-8"?>
<album thumbnail="thumbnails/greenish.jpg" title="special effects" description="more than further editing can be found on this album,dream-like effects for unreal results..." itemPath="photos" thumbnailPath="thumbnails" highResPath="photoshd" id="spe">
<configuration delay="30" fullScreenScaleMode="downscaleToFit" onAlbumEnd="showParentAlbum" scaleMode="downscaleToFit" startWithNavigationWindow="true" startWithItemID="spe" >
<mark source="identity_plate.png" position="topRight" margin="10,10,10,10" alpha="0.6" />
<sound navigationAlbumUpSelect="http://www.kankos.com/mono/nas.mp3" fullScreenSelect="http://www.kankos.com/mono/fss.mp3" navigationCloseSelect="http://www.kankos.com/mono/ncs.mp3" navigationNextSelect="http://www.kankos.com/mono/nns.mp3" navigationPreviousSelect="http://www.kankos.com/mono/nps.mp3" navigationSelect="http://www.kankos.com/mono/ns.mp3" nextSelect="http://www.kankos.com/mono/nextselect.mp3" pauseSelect="http://www.kankos.com/mono/pauseselect.mp3" playSelect="http://www.kankos.com/mono/playselect.mp3" previousSelect="http://www.kankos.com/mono/previousselect.mp3" select="http://www.kankos.com/mono/s.mp3" />
<caption backgroundAlpha="0.80" countSeparator="\(^3^)/" displayMode="onHover" showCount="true" strokeWidth="2" >
<title template="{title}[ - date taken: {DateTimeOriginal}]" font="Trebuchet MS" />
<description template="ISO: {ISOSpeedRatings}, aperture: f/{FNumber}, exposure time: {ExposureTime}" />
<transition type="moveIn" />
</caption>
<navigation strokeWidth="0" >
<albums columns="2" imageRoundness="20" />
<items imageRoundness="20" rows="3" />
<caption displayFullTitles="true" />
</navigation>
<reflection height="40" />
<controller disappearMode="horizontal" showFullScreenButton="true" showMuteButton="true" startHidden="true" />
<transition kenBurnsMode="autoPan" kenBurnsStrength="1" kenBurnsTime="50" size="0.5" strength="0.5" time="3" type="wipe" />
</configuration>
<contents>
<image source="greenish.jpg" />
<image source="flowerish.jpg" />
<image source="fashion_2.jpg" />
<image source="fashionai.jpg" />
<image source="fashionrom.jpg" />
<image source="manga.jpg" />
<image source="rockstar.jpg" />
<image source="splatter2_2.jpg" />
<image source="entitee.jpg" />
<image source="egg2_2.jpg" />
<image source="korbeille2.jpg" />
<image source="waterlyfrog.jpg" />
<image source="fairish.jpg" />
<image source="sakurakankosr.jpg" />
<image source="flowerasian.jpg" />
<image source="frog.jpg" />
<image source="outofbound.jpg" />
<image source="specialeffects.jpg" />
<image source="smoke.jpg" />
<image source="godmimoun.jpg" />
<image source="flames.jpg" />
<image source="medusa.jpg" />
<image source="frost2.jpg" />
<image source="Untitled_1.jpg"/>
</contents>
</album>
(that is your xml with having deleted all unused tags).
Christoph
1 to 12 of 12
© 2009 Monokai, all rights reserved. Buy Monoslideshow.