making my slideshow a bit smaller?

[MichaelKirk]

Can anyone assist me with making my slideshow images just a bit smaller without effecting the image itself? I've played around with the sizing a while and every change I make just messes with the overall formating of my slideshow - ends up cropping off some of the image.

Below is my current code - images are made @ 10" x 5" (800x400 pixels)
I change the code to resize at a smaller image (90% = 713x356px). Changed all the 800 to 713 and the 400 to 356, I thought this would just make the overall image 10% smaller. When I make the change, all the images end up being cropped to some extent. Any idea what I am doing wrong?

Current Code:
CSS:
#my_slideshow {
width: 800px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}


JAVASCRIPT:
if (typeof(slideHeight) == "undefined" || isNaN(slideHeight))
slideHeight = "400";

if (typeof(slideWidth) == "undefined" || isNaN(slideWidth))
slideWidth = "800";

if (typeof(photoHeight) == "undefined" || isNaN(photoHeight))
photoHeight = "400";

if (typeof(photoWidth) == "undefined" || isNaN(photoWidth))
photoWidth = "800";


Michael

[Andy]

The slide sizes are slideshow parameters in your footer code, not in the javascript- check the instructions one more time?

[MichaelKirk]

Andy,
here is my footer code and I do not see anything aboyt sizing my SS here?
I could be dumb blind though

Michael


******** type="text/javascript">
if (YAHOO.util.Dom.hasClass(document.body, "homepage"))
{
/* required slideshow variables */
slideshowContainerId = "my_slideshow";
slideshowUrl = "http://mlkimages.smugmug.com/gallery/2110010";
/* optional slideshow variables */
/* see properties section */

loadSlideshow();

}
if ((YAHOO.util.Dom.hasClass(document.body, "category_Family")) && (YAHOO.util.Dom.hasClass(document.body, "category")))
{
/* required slideshow variables */
slideshowContainerId = "my_slideshow";
if (typeof(firstSlideUrl) == "undefined" || typeof(firstSlideUrl) != "string")
firstSlideUrl = "http://MLKImages.smugmug.com/photos/109420303-M.jpg";
slideshowUrl = "http://mlkimages.smugmug.com/gallery/2114799";
/* optional slideshow variables */
/* see properties section */

loadSlideshow();
}
</********


The slide sizes are slideshow parameters in your footer code, not in the javascript- check the instructions one more time?

[Barb]

Andy,
here is my footer code and I do not see anything aboyt sizing my SS here?
I could be dumb blind though

Michael


******** type="text/javascript">
if (YAHOO.util.Dom.hasClass(document.body, "homepage"))
{
/* required slideshow variables */
slideshowContainerId = "my_slideshow";
slideshowUrl = "http://mlkimages.smugmug.com/gallery/2110010";
/* optional slideshow variables */
/* see properties section */

loadSlideshow();

}
if ((YAHOO.util.Dom.hasClass(document.body, "category_Family")) && (YAHOO.util.Dom.hasClass(document.body, "category")))
{
/* required slideshow variables */
slideshowContainerId = "my_slideshow";
if (typeof(firstSlideUrl) == "undefined" || typeof(firstSlideUrl) != "string")
firstSlideUrl = "http://MLKImages.smugmug.com/photos/109420303-M.jpg";
slideshowUrl = "http://mlkimages.smugmug.com/gallery/2114799";
/* optional slideshow variables */
/* see properties section */

loadSlideshow();
}
</********

Hi,

Instructions for adding option slideshow variables are in the instructions, which can be found here:

http://www.dgrin.com/showpost.php?p=251893&postcount=3

You need to add the options for slideHeight and slideWidth.