Featured templates

JS Animated. How to change images

Harry Baker August 18, 2014
Rating: 5.0/5. From 1 vote.
Please wait...

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
This entry was posted in JS Animated tutorials and tagged change, image, images, JS Animated, swap, update. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket