JS Animated. How to change images

This tutorial will show you how to edit images in JS Animated templates.
All images are stored in the “images” directory.

Open the template folder, go to site/images directory.
You can upload your images with the same name and extension to replace the default ones.

The other way is to upload custom images with your titles and extensions. Then you’ll need to change the image file names in the html files.

1. Open index.html file from the “site” folder with your html editor.
2. Use search tool CTRL+F to find the images in the html file.
3. Replace the image title and extensions.

For example:

The slide html code is as follows:

<li>
  <img  src="images/slider1.jpg" alt="">
  <div  class="banner">
  <div  class="text6">
  25  years<br><span>of  successful</span><br><em>practice</em>
  </div>
  <a href="#"  class="button but-left">read more</a><br>
  </div>
</li>

Where the slider image is:
<img src="images/slider1.jpg" alt="">

Feel free to check the detailed video tutorial below:

JS Animated. How to change images