Slide Show Slipup

[iSYTE]

Super Help Heros,

I am working to create a slide show on my home page. The only thing I would like visible is the slideshow and my banner. I copied all the text, read through the many threads and am still at a stand still. Please advise on what code I missed or messed up. If you provide the info, I will make the change as I learn from doing. Thanks! www.isyteimages.com
iSYTE

:baldy

[Allen]

Super Help Heros,

I am working to create a slide show on my home page. The only thing I would like visible is the slideshow and my banner. I copied all the text, read through the many threads and am still at a stand still. Please advise on what code I missed or messed up. If you provide the info, I will make the change as I learn from doing. Thanks! www.isyteimages.com (http://www.isyteimages.com)
iSYTE

:baldy
Your js looks ok.
Change your footer code to this and see if it runs.

<div id="mySlideshow"></div>

<script type="text/javascript">
/* required slideshow variables */
slideshowContainerId = "mySlideshow";
slideshowUrl = "http://www.isyteimages.com/gallery/2983935";

/* optional slideshow variables */
/* see properties section */
slideHeight="400";
slideWidth="600";

if (YD.hasClass(document.body,'homepage') &&
!YD.hasClass(document.body,'galleries')) {
loadSlideshow ();
}
</script>


Place in this order in CSS.

#mySlideshow {display: none;}

.homepage #mySlideshow {display: block !important;
text-align: center;}

See if these changes gets it running.

[iSYTE]

Allen....thanks for the help! I was able to view the correct code you provided and see where I went wrong with what I had put in. Next step is to draw a border and add a drop shadow. Will work on that tomorrow. Have a good evening.:clap

[Allen]

Allen....thanks for the help! I was able to view the correct code you provided and see where I went wrong with what I had put in. Next step is to draw a border and add a drop shadow. Will work on that tomorrow. Have a good evening.:clap
Here's a head start.:D

#mySlideshow {display: none;}

.homepage #mySlideshow {
display: block !important;
margin: 0 auto;
text-align: center;
height: 440px;
width: 640px;
border: 10px ridge #990207;
background: #9F665B;
}

#ssSlide {
margin-top: 18px;
height: 400px;
width: 600px;
}

[iSYTE]

OK....so I used Allen's appetizer to create the slide show "screen." I changed a few varibles to customize. I need to now make space below the "screen" so the text does not run up against the bottom. Additionally, I attempted to resize the "screen" to fit the images which are all 600X400. When the images loaded they were offset to the right and below the "screen." Wow did I learn a new word today...."SCREEN?" Lastly, the first photo in the show does not load. Any thoughts fellow SMGRs?:bow

[Allen]

OK....so I used Allen's appetizer to create the slide show "screen." I changed a few varibles to customize. I need to now make space below the "screen" so the text does not run up against the bottom. Additionally, I attempted to resize the "screen" to fit the images which are all 600X400. When the images loaded they were offset to the right and below the "screen." Wow did I learn a new word today...."SCREEN?" Lastly, the first photo in the show does not load. Any thoughts fellow SMGRs?:bow
Add the bold to create bigger gap below show.

.homepage #mySlideshow {
display: block !important;
margin: 0 auto;
margin-bottom: 20px;
text-align: center;
height: 440px;
width: 640px;
border: 8px ridge #990000;
background: #000000;
}

You slides are showing as 600x400 and centered now.:scratch Checked both
Firefox and IE6.

There is a bug in the show code that skips the first slide in the source gallery.

[iSYTE]

I resolved the first image no show by adding a "spacer" image to the gallery. :wink I would like the photos to fit within the screen so I changed the size in the code but now the images load low and to the right as I mentioned in the previous post. Any thoughts? Next step is to add controls which I pulled the code for.:ivar

[Allen]

I resolved the first image no show by adding a "spacer" image to the gallery. :wink I would like the photos to fit within the screen so I changed the size in the code but now the images load low and to the right as I mentioned in the previous post. Any thoughts? Next step is to add controls which I pulled the code for.:ivar
First, change this in your footer code.
change this
/* SLIDE SHOW CODE BEGINS HERE */
to this
<!-- SLIDE SHOW CODE BEGINS HERE -->


This will get the show inside the frame.

.homepage #mySlideshow {
display: block !important;
margin: 0 auto;
margin-bottom: 15px;
text-align: center;
height: 400px;
width: 600px;
border: 8px ridge #990000;
background: #000000;
}

#ssSlide {
height: 400px;
width: 600px;
}

[iSYTE]

Allen...many thanks for the lessons. The site is beginning to look as I envisioned. What is the difference between <!-- SLIDE SHOW CODE BEGINS HERE --> and <* SLIDE SHOW CODE BEGINS HERE *> I suppose my question should be what does (*) do?

[Allen]

Allen...many thanks for the lessons. The site is beginning to look as I envisioned. What is the difference between <!-- SLIDE SHOW CODE BEGINS HERE --> and <* SLIDE SHOW CODE BEGINS HERE *> I suppose my question should be what does (*) do? To be safe everywhere.

In CSS
/* comments go between these */

In html See here (http://htmlhelp.com/reference/wilbur/misc/comment.html)
<!-- comments go between these -->

In javascript. See here (http://www.javascripter.net/faq/comments.htm).
/* This is a comment */
// This is a one-line comment
<!-- This is treated as a one-line JS comment
<!-- --> This is also a one-line JS comment
<!-- --> because JS ignores the closing characters
<!-- --> of HTML-style comments

Clear as mud?:D

[iSYTE]

So I've created the slide show with your help (do you charge by the question or hour?). I understand the remarked and have pasted them into my lessons book. I added code to create a second home page which comes up with my links but is a replica of the original. I would like the second page to be the galleries page where one would go when clicking the Galleries link. Also, my links have shifted to the left. I looked in the code and still have them set to align center. This happened after I created the second home page so somewhere something didn't mesh.:dunno

[Allen]

So I've created the slide show with your help (do you charge by the question or hour?). I understand the remarked and have pasted them into my lessons book. I added code to create a second home page which comes up with my links but is a replica of the original. I would like the second page to be the galleries page where one would go when clicking the Galleries link. Also, my links have shifted to the left. I looked in the code and still have them set to align center. This happened after I created the second home page so somewhere something didn't mesh.:dunno
See this tutor (http://dgrin.smugmug.com/gallery/2160039) and look at "The Galleries Page III" section. It has the CSS to
toggle things on and off for the duplicate pages.
NOTE: See last line of the post. You have the CSS but it's being b0rked.


Take this out of your "head tag" and put in your header box just under your banner code.

<div id="navcontainer">
<ul>
<li><a href="http://isyte.smugmug.com/galleries">Galleries</a></li>
<li><a href="http://isyte.smugmug.com/">Hire iSYTE</a></li>
<li><a href="http://isyte.smugmug.com/">Home</a></li>
</ul>
</div>


In your CSS
change this
<!-- NAV BAR CODE BEGINS HERE -->
to this
/* NAV BAR CODE BEGINS HERE */

That's b0rking the CSS below it and you nav codes not working.

[iSYTE]

HELP! The newly created second home page still shows up as a copy of the original. I would like it to be displayed as the galleries page. Additionally, somewhere along the way my links have moved their home to the left of the page. I show the code as aligned center.

[iSYTE]

I was able to fix the alignment of the links; missed something on your previous post. Still looking at the code to determine why I can't get a gallery page to display.

[Allen]

I was able to fix the alignment of the links; missed something on your previous post. Still looking at the code to determine why I can't get a gallery page to display. Add these two spaces in your slideshow footer code and see it it helps.



if (YD.hasClass(document.body,'homepage')SPACE&&SPACE!YD.hasClass(document.body,'galleries')) {loadSlideshow ();}

Like this

if(YD.hasClass(document.body,'homepage') && !YD.hasClass(document.body,'galleries')) {loadSlideshow ();}

[iSYTE]

Still have second home page with slide show. I will delete all code for 2nd HP and reset then re-enter code.

[iSYTE]

I removed and re-entered the code for the second home page. I am still getting the slide show box with no photos and no galleries. What could be the problem?

[Allen]

I removed and re-entered the code for the second home page. I am still getting the slide show box with no photos and no galleries. What could be the problem?
Put these in this order and add the bold.

.homepage #mySlideshow {display: block !important;margin: 0 auto;margin-bottom: 20px;text-align: center;height: 400px;width: 600px;border: 8px ridge #990000; background: #000000;}

.galleries #mySlideshow,
#mySlideshow {display: none !important;}

[iSYTE]

Allen....I fixed it!:clap I had the galleries moved off the home page in the control panels. Once I moved it back to the home page it showed up as it should. Future reference for anyone who might run into the same problem. Should I post it on a thread on my discovery?

[iSYTE]

Well I thought I had it fixed but in my excitement I didn't scroll down far enough. The galleries showed up only on my second page (Good), but the slide show also showed up below (Bad). I went back and added the code you provided which appears to have fixed the problem. Thank You!