How to Make Pictures Move on My Web Page

An easy way to bring pictures to life on your website is to add a slide show. A picture slide show causes the pictures to move along on your web page instead of remaining stationary. In order to add moving pictures to your site, you need to embed the correct code. There are third party websites, such as Slide, FlickR and PhotoShow that will provide your with slide show codes. The downside of using such sites is that their advertising will be displayed to those who view your pictures. By creating your own HTML code you don't have to worry about third party ads.

Make pictures move on your web page.

Step 1

Log in to the control panel of your website.

Step 2

Open your site's "File Directory." Verify that all of the pictures you want to move on your page have been uploaded into the directory. Depending upon your website host, there may be a special "Media" or "Images" folder inside of the file directory that is specifically for your pictures. If your pictures are not uploaded, you easily can upload them by clicking the "Upload" button.

Step 3

Write down the filename for all of the uploaded pictures you want to use on your page. The filename should be written exactly as it appears in your file directory. For example, picture1.jpg, picture2.jpg, and picture3.jpg.

Step 4

Locate the page inside of your "File Directory" that you want to place the moving pictures on. Select the option to "Edit" the page. This will launch the HTML editor for the page.

Step 5

Place all of the following code inside of the HTML editor. Be sure to edit the picture names to reflect the names of your pictures.

Step 6

Click the "Save" and "Publish" option to save your changes to the page.

Things You'll Need

  • Pictures

  • HTML editor