JS Animated. Как присвоить ссылки изображениям в Camera Slider

Из этого туториала вы узнаете, как присвоить ссылки изображениям в Camera Slider в шаблонах JS Animated (JavaScript Animated), на примере шаблона 46779.

Если в вашем шаблоне JS Animated есть слайдер вы можете присвоить ссылки изображениям, добавив специфический атрибут в исходный код data-link=», так что новый код будет выглядеть следующим образом:

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

1. Войдите в панель управления на хостинге и откройте Менеджер файлов (File manager) или же воспользуйтесь FTP-соединением для доступа к файлам вашего сайта:

   

2. Найдите файл index.html с кодом для слайдера и откройте этот файл с помощью любого текстового редактора (например, в Dreamweaver):

   

3. Найдите код слайдера в этом файле и укажите ссылки для каждого слайда. Тогда обновленный код будет выглядеть, как:

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

   

4. Сохраните изменения и обновите свой веб-сайт, чтобы проверить, были ли добавлены ссылки.

Вы также можете воспользоваться детальной видео-инструкцией: