1) Script Title:
Simple Controls Gallery v1.4

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...plegallery.htm

3) Describe problem:
I know basic html. I do not understand javascript.

I am trying to copy the 2nd Demo on the site and apply it to my website.

Please see my Eagle Scout Pins website below:


I want the text to appear at the top of the picture and have the left arrow and right arrows at the bottom of the picture.

The user will see a picture of the front of the pin.

When the user clicks on the arrow, it will show you a picture of the back of the pin.

I do not need the play / pause button. I would like 1/2 and 2/2 where the play button would normally be. (Between the arrows)

Just how it shows on Simple Controls Gallery v1.4.


If I could just get a couple of pictures to work properly, I am sure I could figure it out from there. I just don't understand the coding.

Any help would greatly be appreciated!!!

Can someone help me with the correct coding?

I did not understand the directions given on the site.
Like I said earlier, I understand basic html but not javascript.

I asked a friend of mine to help get me started. I believe I have a <script> in the <head> tag and a function in the <body> tag.

If you can help with the <script>, can you explain which part goes in the <head> and which goes in the <body>. Do I also need a function with this script?

Any help would be greatly appreciated.

Eagle Scout