Originally Posted by jfriend What version of Firefox? I don't see any centering issues. I do see that many of your images are limited in size by the size that you uploaded. To get good size images in the slideshow, you should make sure you upload images that are at least the X3 size (1200x1600) and that your slideshow gallery is set to allow the X3 image size for display.

I'm using firefox ver 4.0. Actually, most of images size are made to max height 520px. But currently in firefox the images are appearing smaller than I've uploaded (but perfect in IE and chrome in my PC). But, one more thing... in my friend's PC its as same as firefox in his IE. We both are using IE 8.0. What could be the pbm?

Originally Posted by naufal I'm using firefox ver 4.0. Actually, most of images size are made to max height 520px. But currently in firefox the images are appearing smaller than I've uploaded (but perfect in IE and chrome in my PC). But, one more thing... in my friend's PC its as same as firefox in his IE. We both are using IE 8.0. What could be the pbm?

They are showing full size for me in FF. Can you post a screen shot to show me what you're seeing?

I do see the centering issue in FF4 so I can look into that and see what's causing it.

Originally Posted by jfriend They are showing full size for me in FF. Can you post a screen shot to show me what you're seeing? I do see the centering issue in FF4 so I can look into that and see what's causing it.

Check this attached image.

This isn't working for me.
I've added the code as required.
I use an unlisted gallery for the slideshow. I've turned External Links on for that gallery.
My site is www.photosbyadamlee.com for anyone that could offer some assistance.

Greatly appreciated!

Originally Posted by WinkXR6T This isn't working for me. I've added the code as required. I use an unlisted gallery for the slideshow. I've turned External Links on for that gallery. My site is www.photosbyadamlee.com for anyone that could offer some assistance. Greatly appreciated!

You have some previous script errors that need to get fixed. Remove these two lines of code from your bottom javascript:

YE.onAvailable("subCatGalleryTitle", RemoveGalleryWord);
YE.onAvailable("galleryTitle", RemoveGalleryWord);

Thanks John!
Love your work!

Dear jfriend,
Any luck on my page? www.mqnaufal.com

Originally Posted by naufal Dear jfriend, Any luck on my page? www.mqnaufal.com

I will have to figure that out tomorrow.

Originally Posted by jfriend I will have to figure that out tomorrow.

No pbm. :)

I recently installed the JFriend HTML5 Slideshow and what a difference. After reading through all of the instructions I have a question regarding the formatting of the slideshow. Currently, the slide show is shifted over to the left margin, how do I center it on the homepage? I tried inserting this code from the tutorial

#homepage {width: 950px;}
/* format bioBox */
#userBio {text-align: center;}
#bioBox .photo {display: none;}
#bioBox {width: auto !important;} #bioBox,#bioBox .boxTop,
Page 5 of 8
#bioBox .boxBottom,#userBio {border: none !important; background: none !important;}
/* restore width of galleries page (optional) */
.galleries #homepage {width: 750px;}

But when I inserted this code it took the "stretchy" away from my webpage. One other question I had is I am not clear on how to increase the size of the slideshow so that it is closer to the size of the default Smugmug one that I used to use.

Here is a link to my website:

http://www.momentsinature.com

Can someone help me out please?

Thanks
Josh

Originally Posted by EagleEye1 I recently installed the JFriend HTML5 Slideshow and what a difference. After reading through all of the instructions I have a question regarding the formatting of the slideshow. Currently, the slide show is shifted over to the left margin, how do I center it on the homepage? I tried inserting this code from the tutorial #homepage {width: 950px;} /* format bioBox */ #userBio {text-align: center;} #bioBox .photo {display: none;} #bioBox {width: auto !important;} #bioBox,#bioBox .boxTop, Page 5 of 8 #bioBox .boxBottom,#userBio {border: none !important; background: none !important;} /* restore width of galleries page (optional) */ .galleries #homepage {width: 750px;} But when I inserted this code it took the "stretchy" away from my webpage. One other question I had is I am not clear on how to increase the size of the slideshow so that it is closer to the size of the default Smugmug one that I used to use. Here is a link to my website: http://www.momentsinature.com Can someone help me out please? Thanks Josh

Remove this piece of your existing CSS which is constraining the size and alignment:

#userBio {
  width: 550px;
  display: inline;
  float: left;
  position: relative;
}

If you want your galleries page to be stretchy too, then remove this part of your existing CSS:

/* restore width of galleries page */
.galleries #homepage {width: 750px; margin-left: auto; margin-right: auto;}

Almost there, I removed the sections that you mentioned in the thread above and it is now centered and stretchy. However, now the slideshow is tiny in size. How would I go about adjusting the size of that so it fits more of the page? What section of the code would I have to edit in order to do so?

Thanks,
Josh

http://www.momentsinature.com

Originally Posted by EagleEye1 Almost there, I removed the sections that you mentioned in the thread above and it is now centered and stretchy. However, now the slideshow is tiny in size. How would I go about adjusting the size of that so it fits more of the page? What section of the code would I have to edit in order to do so? Thanks, Josh http://www.momentsinature.com

The issue is that your homepage is not the type of homepage design that works well with a stretchy slideshow because you have 500px of content above the slideshow. Since the slideshow (when configured for stretchy) sizes itself automatically to fit in the remaining space, it's going to be very small on anything except huge screens. Look at my homepage and you'll see what works best for a stretchy slideshow. Your options going forward are to:

1. Turn off stretchy and specify a fixed size slideshow that is the size you want it to be (that will likely require scrolling to view)
2. Remove most of the content above the slideshow so that it takes up no more than 100px of height
3. Resize the content above the slideshow so that it takes up no more than 100px of height
4. Experiment with the superSize option which will expand the slideshow to fill the horizontal space on your homepage (at the cost of clipping the images in the vertical direction)
5. If you're OK with scrolling to see the slideshow and want a larger slideshow, you can set the spaceToReserveAtBottom parameter to a negative number (like "-400") and the slideshow will extend beyond the bottom of the window (but making it larger).

The best solution is probably a combination of these options. It's mostly a geometry problem and you have to pick a design for your homepage where the geometry works. Because screens and browser windows are generally wide enough in these days of wide screens, the issue is usually one of allowing enough height for the slideshow to be as big as you want.

Originally Posted by jfriend The issue is that your homepage is not the type of homepage design that works well with a stretchy slideshow because you have 500px of content above the slideshow. Since the slideshow (when configured for stretchy) sizes itself automatically to fit in the remaining space, it's going to be very small on anything except huge screens. Look at my homepage and you'll see what works best for a stretchy slideshow. Your options going forward are to: Turn off stretchy and specify a fixed size slideshow that is the size you want it to be (that will likely require scrolling to view) Remove most of the content above the slideshow so that it takes up no more than 100px of height Resize the content above the slideshow so that it takes up no more than 100px of height Experiment with the superSize option which will expand the slideshow to fill the horizontal space on your homepage (at the cost of clipping the images in the vertical direction) If you're OK with scrolling to see the slideshow and want a larger slideshow, you can set the spaceToReserveAtBottom parameter to a negative number (like "-400") and the slideshow will extend beyond the bottom of the window (but making it larger). The best solution is probably a combination of these options. It's mostly a geometry problem and you have to pick a design for your homepage where the geometry works. Because screens and browser windows are generally wide enough in these days of wide screens, the issue is usually one of allowing enough height for the slideshow to be as big as you want.

I see what you mean by having to experiment by different settings. The settings look great on my laptop which has a wider screen but when I went to the other PC that has a smaller sized screen the "stretchy" makes the webpage longer in size. How do I turn the "stretchy" back off again? I inserted the previous removed code:

/* restore width of galleries page */
.galleries #homepage {width: 750px; margin-left: auto; margin-right: auto;}
and the site was still "stretchy". I looked at your website and like how that is setup, only thing that I would miss if I set it up like yours is not having my "recent photos" being displayed. But I suppose I could always set up a separate gallery for that if I wanted to go the route that yours displays as. So I suppose for now I would just like to turn the "stretchy" option in the code which I thought by inserting the above back into the CSS would change that but it didn't.

Thanks for the help.

Originally Posted by EagleEye1 I see what you mean by having to experiment by different settings. The settings look great on my laptop which has a wider screen but when I went to the other PC that has a smaller sized screen the "stretchy" makes the webpage longer in size. How do I turn the "stretchy" back off again? I inserted the previous removed code: /* restore width of galleries page */ .galleries #homepage {width: 750px; margin-left: auto; margin-right: auto;} and the site was still "stretchy". I looked at your website and like how that is setup, only thing that I would miss if I set it up like yours is not having my "recent photos" being displayed. But I suppose I could always set up a separate gallery for that if I wanted to go the route that yours displays as. So I suppose for now I would just like to turn the "stretchy" option in the code which I thought by inserting the above back into the CSS would change that but it didn't. Thanks for the help.

The slideshow can either be stretchy (automatically sizes itself to the available space) or it can be a fixed size (you specify the exact height and width). You control this with the parameters that are in your bio. As you can see now, you have the stretchy parameter specified and no height and width. This is all described in the slideshow reference documentation available on the download site.

The CSS you reinserted controls whether your galleries page is stretchy or not - it has nothing to do with the slideshow.

Originally Posted by naufal Dear jfriend, Any luck on my page? www.mqnaufal.com

Add this to your CSS after the slideshow CSS:

.slideshowContainerOuter.ssGecko2, .ssOpera .slideOuter {overflow: visible;} /* fix unknown issue on FF4 */

Originally Posted by jfriend The slideshow can either be stretchy (automatically sizes itself to the available space) or it can be a fixed size (you specify the exact height and width). You control this with the parameters that are in your bio. As you can see now, you have the stretchy parameter specified and no height and width. This is all described in the slideshow reference documentation available on the download site. The CSS you reinserted controls whether your galleries page is stretchy or not - it has nothing to do with the slideshow.

One more thing, I wanted to setup a separate "unlisted gallery" for photos being displayed on my slideshow. But I read in this thread somewhere that running photos from an "unlisted gallery doesn't work. I tried this out myself and created a gallery (unlisted) and stuck a picture in there and no photos displayed on the slideshow. Is it possible to have the slideshow run off a "unlisted gallery"? I wanted to do it like this so I could change up the photos and add them as I please in there.

Thanks

Originally Posted by EagleEye1 One more thing, I wanted to setup a separate "unlisted gallery" for photos being displayed on my slideshow. But I read in this thread somewhere that running photos from an "unlisted gallery doesn't work. I tried this out myself and created a gallery (unlisted) and stuck a picture in there and no photos displayed on the slideshow. Is it possible to have the slideshow run off a "unlisted gallery"? I wanted to do it like this so I could change up the photos and add them as I please in there. Thanks

There are no problems running the slideshow from an unlisted gallery. Many people do it that way for the reasons you mention. The only limitation I'm aware of is that the slideshow gallery can't be password protected.

Originally Posted by jfriend Add this to your CSS after the slideshow CSS: .slideshowContainerOuter.ssGecko2, .ssOpera .slideOuter {overflow: visible;} /* fix unknown issue on FF4 */

Wow fantastic. Thank you so much. Cheers.

Before I do any tweaking to the slide show..I want it to work first. I have copied all the code exactly like it says to do and I still have nothing. Can someone please look and see what the problem is? Thanks
www.retrospectphotos.com