Як встановити на сайт слайдер зображень

Налаштування роботи слайдера

Для налаштування слайдера необхідно в першу чергу в файлі flexslider_script.js написати код для роботи з бібліотекою jQuery.

За допомогою цієї бібліотеки ми будемо звертатися до елементу document. описує функції, які будемо використовувати при роботі зі слайдером.

Нижче показаний код для роботи з бібліотекою jQuery. де можна побачити включений метод ready. забезпечує виконання функцій тільки після завантаження всієї HTML-сторінки. Це необхідно для коректної роботи слайдера, щоб уникнути випадків запуску його при ще не завантаженою до кінця сторінки.

Тепер ми можемо написати функцію виклику обробки слайдера. Робиться це з використанням виразу, за допомогою якого на початку присутній елемент з класом flexslider. а потім викликається метод flexslider, що буде відповідати запуску слайдера. Цей код буде виглядати наступним чином:

Якщо зараз оновити браузер, то можна побачити роботу слайдера з настройками за замовчуванням. У цьому випадку заміна картинок відбуватиметься з плавним зміною прозорості.

За допомогою налаштувань скрипта flexslider_script.js можна встановлювати різні режими слайдера. Наприклад, зробити зміну картинок їх прокручуванням зверху в низ.

slideshow: true, // Автоматичний запуск слайдера

animation: "slide", // Тип анімації: "slide" або "fade"

direction: "vertical", // Напрямок прокрутки слайдера

reverse: false, // Реверс напрямку анімації

slideshowSpeed: 4000, // Час зміни кадрів (мілісекунди)

animationSpeed: 1500, // Швидкість анімації (мілісекунди)

pauseOnHover: true, // Зупинка слайдера при наведенні мишки на екран

directionNav: true, // Використання кнопок вперед / назад

// initDelay: 3000, // Затримка запуску слайдера

// randomize: false, // Показ у випадковому порядку

// pauseOnAction: true, // Зупинка при наведенні на елементи управління

// controlNav: false, // Відключення кнопок навігації

// pausePlay: true, // Відключення кнопки play / pause

// playText: "Play", // Текст для кнопки Play

// pauseText: "Pause", // Текст для кнопки Pause

Пропоную найближчим часом в добровільному порядку видалити із своїх ресурсів тексти статей блогу, які незаконно були використані в своїх цілях.

У разі, якщо це зроблено не буде, з мого боку буде передана вся необхідна інформація до відповідних служб пошукових системи Яндекс і Google для прийняття належних рішень.