How to create a rotating image effect

Before completing these directions, you want to make sure your pictures are all the same type (.jpg, .gif, .bmp).  If they are not, open them in a photo editing program and save them as the same file types.

  1. In Chrome, right click and view page source
  2. Copy the code from <SCRIPT> to </SCRIPT> tags
  3. Paste this code into the HEAD section of your page
  4. Create a new folder in your "Year" folder
  5. Place the pictures into this new folder
  6. Re-name the pictures to picture10, picture11, picture12, picture13 make sure you include the file type (.jpg, .gif, .bmp)
  7. Add onLoad="rotate()" inside the <BODY> tag
  8. Insert the picture10 into the table
  9. Add name="imgName" inside the <IMG> tag
  10. Save the page and preview

Back