Всі теми

+
Home > Ресурс > поради > як зробити простий Javascript слайд-шоу

Як зробити простий Javascript слайд-шоу

JavaScript, також відомий як js, є web скриптову мова використовується діяти елементи DOM (Об'єктна модель документа). Це крос платформний технології для взаємодії з об'єктами в HTML. Отримуючи доступ до різних різних об'єктів в HTML, може навіть розумієш простий Javascript слайд-шоу з чистого коду Javascript.

Ця стаття дасть вам простий Javascript слайд-шоу прикладі так що ви можете додати зображення слайд-шоу на ваш сайт. Ви можете контролювати те, що і як багато зображень, щоб бути включені, а також швидкість слайд-шоу. Єдиний Fade ефект переходу використовується для Javascript слайд-шоу. Щоб отримати більше контролю над зображень слайд-шоу, таких як додаткові ефекти переходу, заголовки в слайд-шоу, гіперпосилання зображення тощо, рекомендуємо використовувати більш потужні слайд-шоу maker як Flash Галерея заводу, який відразу ж додає привабливим шоу на ваш сайт.

Download Win Version

Ви також могли б стати передові Javascript програміст розширити javascript кодів для кращого javascript слайд-шоу, вивчаючи Javascript курс з W3C.com. Тепер подивимося, як створити простий Javascript слайд-шоу, крок за кроком.

1 розпочати роботу з JS слайд-шоу прикладі коду

Немає необхідності писати код Javascript слайд-шоу з нуля. Ось Javascript слайд-шоу прикладі (1 КБ, zip). Завантажити і витягти до комп ' ютера. Ми просто змінити його відповідно до ваших потреб. Ви отримаєте один файл javascript слайд-шоу-example. HTML.

2 змініть ім'я зображення, зображення контура, js швидкості показу слайдів

Відкрийте його в вашому улюбленому текстовому редакторі і змінити його відповідно до нотатки, включений у файл.

  • Щоб змінити тривалість слайду, перейдіть на slideShowspeed параметр.
  • Щоб додати більше зображень, просто скопіювати і вставити пік [0] = '1.jpg' лінія і змініть масив номер та зображення ім'я відповідно. Якщо ваше зображення розміщуються в папці, наприклад, зображення, використовувати відповідні шлях як пік [0] = 'images/1.jpg'. Ви також можете використовувати адресу абсолютної зображення тут.

3 Javascript Вбудувати слайд-шоу для веб-сторінки

Тепер відкрийте веб-сторінку, щоб вставити Javascript слайд-шоу. Скопіюйте та вставте весь < скрипт > тег, щоб місце між < голови > і < / голови >. Тоді дайте сторінці, щоб розпочати Javascript слайд-шоу, коли сторінка завантажується, додавши onLoad="javaSlideShow()" приписати до тега < тіла >. Нарешті, зробити Javascript, з'являються в правильному положенні сторінки. Щоб зробити це, просто поставити код між < таблиці > і < / таблиці > теги до де вона повинна бути.

4 зберегти і попередній перегляд Javascript слайд-шоу

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

Запитання, що стосуються продукту? Говорити безпосередньо до нашої служби підтримки >>

Топ