Introduction: How to Make HTML Image Slideshow Without Programming?

Picture of How to Make HTML Image Slideshow Without Programming?

Recently, I have noticed that many users want to make HTML image slideshow but don’t know how to do this. In this tutorial, I will help these users to understand how to make HTML image slideshow with the help of SliceMaker products.

To free download the Image Slideshow, please refer to the original article: How to Make HTML Image Slideshow without Programming?

Step 1: Step 1: Import One of the Images You Prepared Into SliceMaker Products.

Picture of Step 1: Import One of the Images You Prepared Into SliceMaker Products.

Step 2: Step 2: Give a Name to the HTML Image Slideshow You Want to Make

Picture of Step 2: Give a Name to the HTML Image Slideshow You Want to Make

Step 3: Step 3: Create a Slice to Contain the Image.

Picture of Step 3: Create a Slice to Contain the Image.

Step 4: Step 4: Select the Slice and Then Set It As Image Switching Effect.

Picture of Step 4: Select the Slice and Then Set It As Image Switching Effect.

Note: After selecting the slice, you just need to tick the box (like the picture shown below) to tell the software you will set the slice as image switching effect.

Step 5: Step 5: Choose a Style for Your HTML Image Slideshow.

Picture of Step 5: Choose a Style for Your HTML Image Slideshow.

Step 6: Step 6: Add the Images You Prepared.

Picture of Step 6: Add the Images You Prepared.

Step 7: Step 7: Select a File Folder to Save the HTML Image Slideshow

Picture of Step 7: Select a File Folder to Save the HTML Image Slideshow

Note: The prepared 3 images should be saved to the File Folder firstly before we doing the above settings.

Step 8: Step 8: Generate and Preview.

Picture of Step 8: Generate and Preview.

After generating, please also click the “Browse” button to find the generated HTML image slideshow and then open it with a web browser like Firefox to view it. You will see that it is perfect!

Comments

jesssmart877 (author)2017-02-22

Nice tips! One can also use http://slideshow-maker.com/ software to create gorgeous slideshows. Just a few clicks needed to get the slideshow ready.

About This Instructable

962views

6favorites

License:

Bio: Hello, my name is Laurent He. I come from Chengdu, a beautiful city of China. I am a web design as well as a software ... More »
More by LaurentHe:CSS3 Metro Style Icons - Tutorial with Free Download PermissionHow to Create Sliding Door Effect with SliceMaker Products?How to Make HTML Image Slideshow without Programming?
Add instructable to: