Віджети Слайд-шоу для сайту - Adobe Muse Уроки
Дивіться його прямо зараз:
Давайте розглянемо його можливості. І розглянемо відмінності цього віджету від віджету розділу «Композиції». Я перетягую один з віджетів на робоче поле програми, і перед нами з'являються такі налаштування. Налаштувань досить багато, в принципі, всі вони схожі на налаштування віджету «Композиції», крім одного великого нюансу – якщо у віджет «Композиції» ми могли додавати будь-які інші віджети: різні блоки, тов міні-додаток «Слайд- шоу» ми можемо додавати лише зображення.
Найперша опція якраз і говорить про це. Опція «Додати зображення ». Натискаючи цей значок папки, ми можемо вибрати різні картинки, які хочемо додати в цей віджет, і натискаємо «Відкрити». Дані картинки завантажуються і з'являються тут автоматично. В принципі, ми можемо відразу зайти в режим «Перегляд» і подивитися, як це буде виглядати. Перед нами з'являються три мініатюри, при кліку на які, у нас з'являється такий лайтбокс, і ми можемо перегортати картинки в цьому лайтбоксі. Ще раз повторюю, в цей віджет ми можемо додавати лише картинки. Якщо ми захочемо створити будь-який прямокутник з будь-якою заливкою і розмістити його в цільовий об'єкт даного віджету (як ми це робили у віджеті «Композиції»), то нічого не відбувається – ніякого підсвічування. Ми просто розміщуємо цей прямокутник поверх цього віджету. І цей віджет не підхоплює цей елемент.
Це міні-програма або віджет працює трохи за іншими принципами. Давайте розглянемо його налаштування докладніше. Перше налаштування ми вже розглянули – це опція «Додати зображення».
Друге налаштування – це «Нове головне зображення ». При додаванні зображення в цей віджет ми можемо вибирати «Змістити вміст ззбереженням пропорцій » або «Заповнити кадр із збереженням пропорцій ». При виборі першої опції ми маємо вміст, тобто. картинка заповнює ось цей кадр зі збереженням своїх пропорцій, припустимо, я виберу якусь картинку, яка вузька і довга. І натисну «Відкрити». Картинка ця умістити із збереженням пропорцій, тобто. вміститися вміст картинки по максимальній її ширині, залишаться такі вільні поля, які картинка не займає в даному кадрі. Якщо ми вибираємо другий варіант «Заповнити кадр зі збереженням пропорцій», то при додаванні тієї ж картинки, вона у нас уміститися по висоті. Краї картинки обріжуться, але кадр буде повністю заповнений. Ось у цьому вся відмінність даних налаштувань.
Налаштування «Нова мініатюра » — в принципі, точно таке ж налаштування, тільки воно стосується саме цих мініатюр – як буде розміщуватися зображення в даній мініатюрі. Ті ж дві опції «Змістити вміст із збереженням пропорцій» або «Заповнити кадр із збереженням пропорцій». Ці дві опції працюють на всі наступні зображення.
Налаштування «Перехід » відповідає за те, яким чином будуть змінюватися картинки, і який ефект буде використовуватися при цьому. Тут доступні ефекти «Вицвітання », «По горизонталі » та «По вертикалі ». При "Вицвітання" картинки будуть плавно змінювати один одного, "По горизонталі" вони прокручуватимуться по горизонталі, "По вертикалі" картинки будуть змінювати один одного, прокручуючи по вертикалі.
Тут ми можемо виставити «Швидкість переходу » зміни картинок. Можемо виставити «Автоматичне відтворення » під час завантаження з сайту. Існує опція «Відновити через » дозволяє відновити показ через певну кількість секунд.
Опція «Автоматичневідтворення » — відтворюватиметься через певну кількість секунд. Наприклад, ми виставили тут автоматичне відтворення через 3 секунди, як всі картинки пройдуть одне коло, тобто. з'являться всі зображення, у нас буде пауза на певну кількість секунд. Наприклад, нехай буде пауза 6 секунд, тобто. між циклами відтворення буде 6 секунд паузи. Також ми можемо виставити опцію «Відтворити одноразово ». Таким чином, у нас усі картинки програють від першої до останньої, і відтворення закінчиться.
Наступне налаштування – це налаштування «Перемішати ». Ми можемо перемішати картинки, і вони будуть показуватись у довільному порядку. Налаштуванням «Дозволити перегортати » ми дозволяємо користувачеві перегортати картинки самостійно.
Наступний розділ – це розділ «Макет ». Саме ця опція і відповідає за більшість тих налаштувань, які є ось тут. Всі ці налаштування цього віджету, по суті, всі відрізняються в основній опції та макет. У даному макеті виставлено опцію «Лайтбокс ». При додаванні цього віджету в проект ми додавали цей віджет в макет, тому в ньому встановлена дана опція. Тут є ще опція «На весь екран », «Автолайтбокс » і «Мініатюри довільної форми ». Використовуючи опцію «На весь екран», зображення, розміщені в цьому віджеті, прокручуватимуться, використовуючи все вільне поле в браузері, тобто. на повний екран. Опція "Автолайтбокс" дозволяє нам автоматично відкривати лайтбокс під час завантаження сторінки.
Давайте розглянемо інші варіанти налаштувань цього віджету, які змодельовані в програмі за замовчуванням.
Налаштування «Основний ». Відрізняється від попередніх лише тим, що прибрано галочку «Мініатюри», тобто.тепер ми не будемо бачити на сайті мініатюри картинок, але зможемо їх точно перегортати одну за одною, використовуючи кнопки перегортання.
І останній елемент, який ми розглянемо – це налаштування «Порожня ». У цьому налаштуванні у нас відключено «Лайтбокс», відключено «Мініатюри» і воно являє собою ось таке просте налаштування, де є тільки кнопки «Вперед» та «Назад», включений «Лічильник» та «Підписи». Як ви бачите, цей міні-додаток використовує у своєму цільовому об'єкті кадр зображення. Як я й казав, цей міні-додаток «Слайд-шоу» працює тільки із зображеннями. Ми можемо додавати та розміщувати цільовий об'єкт у слайд-шоу лише зображення. А також включати та вимикати різні опції. Ми можемо включати мініатюри, наприклад, або зробити з цього порожнього міні-додатку той самий лайтбокс, який ми розглядали на самому початку.