Innerfade when js is disabled

JavaScript
1

some of you might be familiar with the inner fade slideshow:

my question is:
i have this <div> with multiple images inside this <div> using the INNERFADE SLIDESHOW… when javascript is disabled, the pics stack on top of each other one after the other… this is driving me crazy because I specify a width and height for the <div> containing the pics but still it stacks the pics and shows them all when javascript is disabled… I am trying to have it so that when a visitor has JS DISABLED, only the first <img> in the <div> is shown and not all of the slideshow stacked one after the other… does anyone have experience with innerfade? how would I solve this since it is really messing up my layout and certain navi links are being covered by the slideshow content when JS is disabled… I only want the first img to show when user has JS disabled…

please help! thanks in advance

2

Put style=“display: none” on all but the first image. (or apply a css class to this effect)

3

you are an immortal… great stuff man… i thought that “display: none” would have it not show up so i didnt even try it… i bow to you wise sage…