[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

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

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

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

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

<div data-src="images/slide1.jpg" data-link='your_link_goes_here'></div>
  1. Войдите в панель управления на хостинге и откройте Менеджер файлов (File manager) или же воспользуйтесь FTP-соединением для доступа к файлам вашего сайта:

    how to link slider images.1

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

    how to link slider images.2

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

    <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. Сохраните изменения и обновите свой веб-сайт, чтобы проверить, были ли добавлены ссылки.

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

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