By the way, Tony, there are some images that go with the slider, such as a loading button and the back and forth buttons, and the paths to them are wrong now. In your bxslider.css file, make sure the links to each image are correct. E.g.
images/bx_loader.gif
is wrong now, because you changed the name of the images folder. See my long post above which highlights the important bits and the lines they are on. (See what I mean by reading really carefully? 
)
Ralph, It’s almost there!!! but, I screwed up …it’s not your fault! I didn’t change the name of the image folder. There are in fact, two different folders. One is named images and contains the following files:
bg-tile/jpg
bx_loader.gif
controls.png
little_girl.jpg
The other folder is named img and it contains the following files:
boa_cover.jpg
bx_loader.gif
controls.png
glyphicons-halflings-white.png
glyphicons-halflings.png
little_girl.JPG
little_girl.jpg
mother.JPG
mother.jpg
I have no idea why there’s duplicates other than I screwed up while downloading. Hope this helps.
Also, I tried several times to delete the green code on lines 106 and 112… // <! [CDATA[ and // ]] but the system refuses to erase them…
I know I’m giving you a lot here, but can you also tell me how to make the images smaller so that the viewer doesn’t have to scroll down to see the text and controls? I tried inserting height=“50%” … then later “30%” but alas, no visible change. Also how do I center than image? it seems off center… Again, I’m indebted to you immensely for you kindness and help… Tony, “the elated artist in NY thrilled at finally seeing his artwork sliding across his computer screen!!!”… Thanks to Ralph 
The left and right arrows aren’t working because the controls.png image isn’t actually in the /img/ folder, despite what you mentioned above. E.g.
This link bombs out, so make sure the image is actually in place.
The slider is working even with the // <! [CDATA[ and // ]] stuff in there, so just ignore it. )It’s really for a different type of document, but isn’t doing any harm.)
To make the images smaller, you can either resize them before uploading them (say, with Photoshop). I think there are online tools for doing this too, though I’m not sure. The alternative is to set different sizes for them explicity, either in CSS or HTML. For example, in the HTML you can do this:
<img alt="Little Blonde Girl" src="img/little_girl.jpg" [COLOR="#FF0000"]height="200"[/COLOR]>
That makes it quite small, but is just an example of what you can do.
To center the gallery,go to styles.css line 53 and replace this:
#primary {
margin: 0 270px 0 0;
position: relative;
}
with this:
#primary {
margin: 0 auto;
position: relative;
width: 800px;
}