JS Animated. Как изменить изображения

Этот туториал покажет, как изменить изображения в шаблонах JS Animated.

Все изображения хранятся в папке «site/images» или в папке «site/img» (в зависимости от типа шаблона) в архиве шаблона.

Откройте папку шаблона, идите в папку «site/images» или в папку «site/img» (в зависимости от типа шаблона).
Вы можете загрузить ваши изображения в эту папку, сохраняя название и расширения файлов, чтобы заменить оригинальные изображения вашими.

Есть и другой способ. Загрузите ваши изображения с собственными названиями и расширениями. Затем необходимо изменить названия файлов изображений в .html файлах.

Мы рекомендуем редактировать .html файлы в программах Notepad++ или SublimeText. Следующие туториалы помогут вам скачать и установить эти программы:

• Как скачать и установить редактор Sublime Text2
• Как скачать и установить редактор Notepad++

Самый простой способ отредактировать .html файл:

1. Скачайте необходимый .html файл из папки «site» на ваш компьютер.

2. Откройте его в любом кодовом редакторе.

3. С помощью инструмента поиска CTRL+F найдите код, содержащий название файла редактируемого изображения.

4. Измените название/расширение указанного файла изображения и сохраните изменения.

5. Отредактированный файл загрузите обратно на сервер, заменив оригинальный файл.

6. Ниже вы можете видеть пример .html кода слайдера:

   

   где название изображения слайдера — data-src=»images/slide_pic1.jpg»

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