Sorry if I haven't posted this right; not sure where to put this. When the show starts, there is a little delay and it starts on the 2nd or 3rd slide. I've done the slideshow pretty basic; just added some music with the audio tag although I took it out and the problem still exists. I tried making the first slide the splashurl, but it only flashes up before the show starts and you can't go back to look at it. I'm guessing I'm just missing a delay variable or something. Here it is: http://www.ichibanana.com/holiday Thanks!

Nevermind; figured it out. The first slide was too small.

Now a couple of things I would like to try
1) How to show captions on my slideshow images? (I know there is a tutorial with a CSS to post, just not sure where to put that CSS)
2) How do I make my slideshow fill more of the page?

Again not a computer guru so u may need to speak in English, not computerese!

www.NitroFotos.com

Originally Posted by Allen No mater how tall/wide I make my browser it fills the vertical space available. Because of the image ratio it will not fill the width at the same time.

Thank you, the image ratio does seem to be what is constraining it.

Originally Posted by scottynitro32 Now a couple of things I would like to try 1) How to show captions on my slideshow images? (I know there is a tutorial with a CSS to post, just not sure where to put that CSS) 2) How do I make my slideshow fill more of the page? Again not a computer guru so u may need to speak in English, not computerese! www.NitroFotos.com

In the slideshow reference documentation, see the settings for both captions and superSize. If you have more specific questions after finding the right sections in there, feel free to ask.

I found the reference to the captions and seen the css about how to add that to my site, my question is Where do I add the css?? Bio Box, CSS Box. Top JS Box, or bottom JS box??

Also how do I make a menu or drop down menu at the top of my homepage?
The size of the slideshow is now satisfactory, but I will like to to do away with the Gallery thumbs on the page and go to something that would look more like this http://jfriend.smugmug.com/

Originally Posted by scottynitro32 I found the reference to the captions and seen the css about how to add that to my site, my question is Where do I add the css?? Bio Box, CSS Box. Top JS Box, or bottom JS box?? Also how do I make a menu or drop down menu at the top of my homepage? The size of the slideshow is now satisfactory, but I will like to to do away with the Gallery thumbs on the page and go to something that would look more like this http://jfriend.smugmug.com/

In your control panel under the customize tab click edit for the Advanced Customizer line.
The top box CSS (optional) is where all CSS goes.

See sticky thread at top of this forum for dropdown menu.

Originally Posted by scottynitro32 I found the reference to the captions and seen the css about how to add that to my site, my question is Where do I add the css?? Bio Box, CSS Box. Top JS Box, or bottom JS box?? Also how do I make a menu or drop down menu at the top of my homepage? The size of the slideshow is now satisfactory, but I will like to to do away with the Gallery thumbs on the page and go to something that would look more like this http://jfriend.smugmug.com/

If you're turning on captions for your slideshow, then you do that in your bio along with all the other slideshow parameters. This has nothing to do with CSS.

Thanks John, tried it in the CSS box, and of course it didn't work, I then tried your idea and put it in my bio box, it did work...sort of.. but instead of the caption I have this on each picture

showCaptions: "true", captionPosition: "bottom", captionOneLine: "true", captionMaxChars: "100", captionHTMLTreatment: "auto", captionCallback: myCaptionFunction, captionCallbackParameter: null, captionCallbackScope: null,

www.NitroFotos.com

Originally Posted by scottynitro32 Thanks John, tried it in the CSS box, and of course it didn't work, I then tried your idea and put it in my bio box, it did work...sort of.. but instead of the caption I have this on each picture showCaptions: "true", captionPosition: "bottom", captionOneLine: "true", captionMaxChars: "100", captionHTMLTreatment: "auto", captionCallback: myCaptionFunction, captionCallbackParameter: null, captionCallbackScope: null,

The caption parameters go with your other slideshow parameters. Start simple and change your bio code to this:

<html>
<script type="text/javascript">
JF.InsertSlideshowHere({
    galleryURL: "http://www.nitrofotos.com/Other/Homepage-Slideshow/20596731_2rrRPD#1632400522_N8Jqnsz",
    splashImageURL: "http://www.nitrofotos.com/Other/Homepage-Slideshow/i-mNK8fnH/0/XL/IMG4388-XL.jpg",
    transitionsList: "Fade",
    showCaptions: "true",
    captionPosition: "bottom",
    captionMaxChars: "100",
    stretchy: "true"}
);
</script>
</html>

Hey JFriend,

The documentation for 1.1.0 states that the default value for "topAlign" is "center", it's actually "top".

Originally Posted by Lamah Hey JFriend, The documentation for 1.1.0 states that the default value for "topAlign" is "center", it's actually "top".

You are correct. I will fix. Thx.

I'm sure this is user error but I'm lost and sure could use a little light to get out of this tunnel. I am trying to install a splash page that will allow me to place an image with message before the slide show starts. I thought I copied and pasted the correct code in the Bio box but something must be wrong because it is not working and neither is the slide show now.
BTW - The slide show is a great piece of work. It works famously and even I was able to upload and make it happen. THANKS SO VERY MUCH for all your hard work and generousity!

Hog

Originally Posted by Blindhog I'm sure this is user error but I'm lost and sure could use a little light to get out of this tunnel. I am trying to install a splash page that will allow me to place an image with message before the slide show starts. I thought I copied and pasted the correct code in the Bio box but something must be wrong because it is not working and neither is the slide show now. BTW - The slide show is a great piece of work. It works famously and even I was able to upload and make it happen. THANKS SO VERY MUCH for all your hard work and generousity! Hog

Did you get it figured out? Seems to be working now.

Originally Posted by jfriend Did you get it figured out? Seems to be working now.

Well that's spooky. When I last looked the the site it was not working and now it is. Maybe it just required saomeone to look at it in the right way. LOL!

Thanks!

Originally Posted by Blindhog Well that's spooky. When I last looked the the site it was not working and now it is. Maybe it just required saomeone to look at it in the right way. LOL! Thanks!

It goes by pretty quickly. You might want to set a minimum time for the splash image to display (another slideshow option).

This is my first attempt at inputting your code.
I think I understand all of the instructions and how to get the codes into the correct locations in the customizer edit page, but I have a question about the activation.
I had help several years ago coding the website, and I have no visible “Bio box.” The Bio box in the main control panel just has my “about” bio. This may be the code in the CSS that hides that box: .about #bioBox {display: block;}

It appears to me that the activation code for the current flash, stretchy slideshow is in the Header box. Can I put the activation code for your HTML there as well?

Here are the snippets of code I find in the CSS which I think refer to the current slideshow. I assume I delete all of this?

.about #hpSlideShow,

.homepage #hpSlideShow { display: block; }
------------------------------
HOMEPAGE & SLIDESHOW
------------------------------
*/

.homepage #hpSlideShow {
min-width: 720px;
margin: 0 auto;
}

/* hides Slide Show on all other pages except homepage */
#hpSlideShow,
.galleries #hpSlideShow { display: none;}

/*

Here is the code in the Header box. Can I put your activation code here instead of bio box?

<div id="hpSlideShow">
<script>
var ssConfig = {
AlbumID: '20640503',
newWindow: 'false',
transparent: 'true',
bgColor: '000000',
showLogo: 'false',
clickUrl: '/galleries',
clickToImage: 'true',
showThumbs: 'true',
showButtons: 'false',
borderThickness: '4',
borderColor: 'FFFFFF',
randomStart: 'true',
randomize: 'true',
crossFadeSpeed: '400',
splashDelay: '500',
aspectHeightConstrain: "true",
aspectWidth: '1000',
aspectHeight: '500',
minW: '720',
minH: '480',
maxW: '2000',
maxH: '1000',
extraH: "100",
extraW: "100",
autoScaleSplash: "true",
borderCornerStyle: "square",
flashRequiredHTML: "Please install the latest version of Adobe Flash so you can see my slideshow."
};

Finally, this code is also in the Top Javascript and I don’t know if it refers to the slideshow or other script. Do I keep it when I insert your code in place of the current slideshow code? (I just put a couple of lines to keep this question a bit shorter.)

// Copyright 2006-2007 javascript-array.com

var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

// open hidden layer
function mopen(id)
{
// cancel close timer
mcancelclosetime();

etc, etc

I have copied my current code in case this all goes south, but didn’t want to start and not know if the failure of code was due to the activation issue above.

Thanks for the code and the help. Happy Holidays.

Originally Posted by scseith This is my first attempt at inputting your code. I think I understand all of the instructions and how to get the codes into the correct locations in the customizer edit page, but I have a question about the activation. I had help several years ago coding the website, and I have no visible “Bio box.” The Bio box in the main control panel just has my “about” bio. This may be the code in the CSS that hides that box: .about #bioBox {display: block;} It appears to me that the activation code for the current flash, stretchy slideshow is in the Header box. Can I put the activation code for your HTML there as well? Here are the snippets of code I find in the CSS which I think refer to the current slideshow. I assume I delete all of this? Thanks for the code and the help. Happy Holidays.

You can put the activation code instead of your old slideshow code in your header, but you will have to make sure the new slideshow is only showing on the desired pages, much the same you were doing with the old slideshow.

Apologies--failed to include website for referenced install question: www.jamesseithphotography.com

Originally Posted by jfriend You can put the activation code instead of your old slideshow code in your header, but you will have to make sure the new slideshow is only showing on the desired pages, much the same you were doing with the old slideshow.

I assume this is the code in the CSS that would do that?
/* hides Slide Show on all other pages except homepage */
#hpSlideShow,
.galleries #hpSlideShow { display: none;}

Would I still use #hpslideshow or would I need another designator to reference your code?

Thanks

Originally Posted by scseith I assume this is the code in the CSS that would do that? /* hides Slide Show on all other pages except homepage */ #hpSlideShow, .galleries #hpSlideShow { display: none;} Would I still use #hpslideshow or would I need another designator to reference your code? Thanks

If you surround the new slideshow with the hpSlideShow div just like you did the old slideshow, then the same CSS should work.