Досить часто при створенні сайтів перед нами постає проблема виводити на одному і тому ж місці сторінки різні блоки інформації при кожній її завантаженні.
І при кожній новій завантаженні виділені чорним блоки повинні змінюватися між собою місцями в рандомном порядку. Причому не обов'язково, щоб їх було всього 2, їх може бути скільки завгодно. І виводити на сторінці ми можемо скільки завгодно блоків і де завгодно.
Реалізація ротації блоків інформації на сторінці сайту
Для того, щоб у нас все працювало досить створити маленький масив і скористатися функцією shuffle (), щоб перемішувати значення всередині нього при кожному оновленні сторінки:
Тепер розбираємо все по порядку:
- Ми створюємо масив, в який заносимо необхідні нам блоки з інформацією. Що в них буде не має ніякого значення. Скільки їх може бути? А скільки нам потрібно. У прикладі ми взяли 4 «банера»:
Повний код сторінки прикладу:
Результат його дії:
Після першого завантаження сторінки
Після наступного оновлення ... Ну і так далі. Блоки просто будуть в рандомном (випадковому) порядку чергуватися між собою.
При бажанні ми можемо записати цей скрипт дещо по-іншому:
Працює він так само як і попередній варіант. Різниця тільки в синтаксисі занесення інформації всередину нашого масиву. Особисто мені другий варіант подобається більше в силу своєї лаконічності.
Переваги розглянутого нами рішення
- Він має дуже просту і зрозумілу структуру, що дозволяє користуватися ним навіть людині робить перші кроки в веб-розробці.
- Він не завантажує будь-яких сторонніх фрагментів коду, файлів і тд, як це часто роблять модулі на популярних CMS, а отже ми ніяк не впливаємо на швидкість завантаження сторінки.
- Для його роботи досить, щоб на сервереподдержівался PHP. Останнім часом хостів без цієї опції я не зустрічав.
- Ми не прив'язані до якої-небудь CMS або фреймворку. Тобишь використовувати цей скрипт можна на абсолютно будь-якому сайті. Будь то самопис або ж шаблонний сайтик.
- Завдяки своїй просторі не має похибок, які б могли привести до проблем з безпекою сайту.
Оцінок: 7 (середня 4.4 out of 5)
