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)

captcha

JS Animated. How to link images in Camera Slider

This tutorial is going to show you how to add links to Camera Slider images in JS Animated templates (JavaScript Animated), based on the template 46779.

JS Animated. How to link images in Camera Slider

If your JS Animated template has a slider, in order to add links to its images, you should add a specific attribute to the original code as data-link=”, so that the new code will look like this:

<div data-src="images/slide1.jpg" data-link='your_link_goes_here'></div>
  1. Log in your control panel and navigate to the File manager there or use FTP to access your website files:

    how to link slider images.1

  2. Locate the index.html file that has the slider code and open it with any text editor (e.g. in Dreamweaver):

    how to link slider images.2

  3. Locate the slider code inside the file and add the link to each slide, so that the updated rule will look like this:

    <div data-src="images/slide1.jpg" data-link='your_link_goes_here'></div>

    how to link slider images.3

    how to link slider images.4

  4. Save changes and refresh your website to check if the slides are linked.

Feel free to check the detailed video tutorial below:

JS Animated. How to link images in Camera Slider