If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)


Featured templates

JS Animated. How to change images

This tutorial will show you how to edit images in JS Animated templates.

JS Animated. How to change images

All images are stored in the “site/images” or “site/img” directory (depending on your template type) of your template package.

Open the template folder, go to “site/images” or “site/img” directory (depending on your template type).

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.

You can use Notepad++ or SublimeText for editing files. You can check the following tutorials on how to download and install them:

The easiest way to edit html files is the following:

  1. Download it from “site” folder to your computer.

  2. Open with any code editor available.

  3. Use search tool CTRL+F to find the images insertion code in the .html file.

  4. Replace the images names/extensions and save the changes.

  5. After you’re done – upload this file back to replace the original one.

  6. For example, the slider .html code is as follows:


    Where the slider image name is: data-src=”images/slide_pic1.jpg”

Feel free to check the detailed video tutorial below:

JS Animated. How to change images

JS Animated. How to change images, 5.0 out of 5 based on 1 rating