В даному уроці я покажу Вам, як зробити дуже красивий і функціональний слайдер з допомогою mootools.
У попередніх уроках слайдери у нас вже були, але цей, по-моєму, один з найкращих.
Ну що ж почнемо!
Вставляємо наступний код між тегами
. Не забуваємо про правильний шлях до фреймворку.Далі йдуть стилі оформлення. Стилі можна вставити як в сам документ, так і винести в окремий файл.
Ось так Вам необхідно оформити Вашу сторінку (спочатку йде список з назвами сторінок (вкладок), а далі їх вміст). Зверніть увагу на вкладені шари і не плутайте їх черговість.
В HTML коді також є шляхи до картинок, які відповідають за прокрутку вкладок. Пам'ятайте про шлях до них для вірного відображення.
От і все! Гарний слайдер готовий! Всім щастя, успіхів і міцного здоров'я!
5 останніх уроків рубрики "Mootools"
Створення горизонтального і вертикального меню за допомогою MenuMatic 0.68.3
Короткий урок про те, як додати до будь-якого текстового поля можливість збільшення або зменшення.
Відмінно. Стати в нагоді. можна спробувати зробити фото галерею =) або просто ДУЖЕ ДУЖЕ простий сайт =)
Повністю згоден з попереднім оратором, відмінна штука. Так можна розмістити і невеликі статті або навіть великі, виходить що вся сторінка не перевантажується, а тільки ця частина. Відмінно.
Євген, Ви як завжди на висоті! Спасибо большое, за хороший урок!
Це круто. Ще ніде не бачив: 0
Дякую за урок. В цілому все круто, але знайшов один баг! Якщо вибрати, наприклад, четверту вкладку (або будь-яку іншу) і оновити сторінку, то контент залишиться такою ж як у четвертій, хоча виділеним стане перша вкладка. В принципі дрібниця, але хотілося б її прибрати.
Олександр Бойко
Класний слайдер, прикрутив пхп, тягну з БД дані. Подаю дані на сторінку з декількох таблиць БД (останні статті, останні новини). Один слайдер працює, два немає. Розумію, що потрібно колупати js. Підкажіть, будь ласка, хто-небудь, як вирішити це питання.
Олександр Бойко
Всім привіт. Тут хтось відповідає на питання. Написав вже не раз в декілька постів. Ні відповіді ні привіту :). Люди, підкажіть плиз, як розрулити, аж надто слайдер хороший.
parad_ox1
Підтримую. Як зробити два слайдера на сторінці?
vitek_borovizki
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!