Homepage Slideshow

holgagirl

I have created a slideshow in the header portion of my pages. I only want it to show on homepage. Waht code to I need to accoplish thsi? Click below to see my page and see if you can help me.
Thanks,

Barb

holgagirl wrote:

I have created a slideshow in the header portion of my pages. I only want it to show on homepage. Waht code to I need to accoplish thsi? Click below to see my page and see if you can help me.
Thanks,

Hi

First, give your slideshow in your header code box a Div ID. Look for these two lines at the top of your code (slideshow code in header code box):

<*script*>
var ssConfig = {

Change that to the following:

<div id="mySS">
<*script*>
var ssConfig = {

Then, at the end of your slideshow code, look for this:

<*/center*>
<*/div*>

And change it to this (add the closing </div> tag):

<*/div*>
<*/div*>

Now, in your CSS code box, add the following:

#mySS {display: none;}
.homepage #mySS {display: block; text-align: center; margin: 0 auto;}

NOTE: REMOVE ALL ASTERISKS FROM ABOVE

holgagirl

This looks promising. The only question I have is that the first thing you told me to do looks identical to that you said to change it to. Am I not reading this correctly?
Thanks for your help.

Barb wrote:

Hi

First, give your slideshow in your header code box a Div ID. Look for these two lines at the top of your code (slideshow code in header code box):

<*script*>
var ssConfig = {

Change that to the following:



<*script*>
var ssConfig = {

Then, at the end of your slideshow code, look for this:

<*/center*>
<*/div*>

And change it to this (add the closing

tag):

<*/div*>
<*/div*>

Now, in your CSS code box, add the following:

#mySS {display: none;}
.homepage #mySS {display: block; text-align: center; margin: 0 auto;}

NOTE: REMOVE ALL ASTERISKS FROM ABOVE

Barb

holgagirl wrote:

This looks promising. The only question I have is that the first thing you told me to do looks identical to that you said to change it to. Am I not reading this correctly?
Thanks for your help.

You are right - sorry about that! Putting code into forum posts sometimes gets a bit messed up

Above where I said add the following, place this:

<*div id="mySS"*>

That is followed by your slideshow code. Remember to remove the asterisks.

Holler if you run into problems. I would be happy to do it for you.

holgagirl

Hummm
I must be doing something wrong. When I try what you said I just get code to show up on my page. Do you want to try it for me?

Barb wrote:

You are right - sorry about that! Putting code into forum posts sometimes gets a bit messed up

Above where I said add the following, place this:

<*div id="mySS"*>

That is followed by your slideshow code. Remember to remove the asterisks.

Holler if you run into problems. I would be happy to do it for you.

Barb

holgagirl wrote:

I must be doing something wrong. When I try what you said I just get code to show up on my page. Do you want to try it for me?

Check now. All good?

holgagirl

It worked great! But then it reverted back.
I can still see the slideshow on the galleries page, I swear it was not there whne you had me check! Weird.

holgagirl wrote:

Nicely Done!
Thanks a TON!

Barb

holgagirl wrote:

It worked great! But then it reverted back.
I can still see the slideshow on the galleries page, I swear it was not there whne you had me check! Weird.

The Div ID I set above your slideshow code in your header code box was missing. I put it back. You should be good now.

holgagirl

Three Cheers for Barb!
Super Job. A million thanks! :ivar

Barb wrote:

The Div ID I set above your slideshow code in your header code box was missing. I put it back. You should be good now.