Всички теми

+
Home > Ресурси > съвети > Как да се направи проста Javascript слайдшоу

Как да се направи проста Javascript слайдшоу

JavaScript, известен също като js, е скриптов език за уеб, използвани за експлоатацията на DOM (Document Object Model) елементи. Това е кръст платформа технология да взаимодействате с обектите в HTML. Чрез достъп до различни различни обекти в HTML, може дори да осъзнават проста Javascript слайдшоу с чисто Javascript код.

В тази статия ще ви дам един прост пример на Javascript слайдшоу така че можете да добавите изображение слайдшоу на вашия сайт. Можете да контролирате какво и колко снимки да бъдат включени, както и скоростта на слайдшоуто. Единственият избледняване преход ефект се използва за Javascript слайдшоу. Да спечелят повече контрол над изображение слайдшоу, като повече ефекти за преход, слайдшоу заглавия, изображение хипервръзка, т.н., се препоръчва да се използва по-мощен слайдшоу машина като Flash галерия фабрика, която незабавно добавя привличащи погледа показва на вашия сайт.

Download Win Version

Вие също може да стане напреднал програмист Javascript да се удължи javascript кодове за по-добро javascript слайдшоу Javascript курс на W3C.com на обучение. Сега виждам как да се създаде проста Javascript слайдшоу стъпка по стъпка.

1 започнете от JS слайдшоу код пример

Няма нужда да пишат код Javascript слайдшоу от нулата. Ето един пример на Javascript слайдшоу (1 kb, zip). Изтеглете и екстракт на вашия компютър. Ние просто ще се променят според вашите нужди. Вие ще получите един javascript слайдшоу example.html файл.

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

Отворете го с любимите ви текстов редактор и го променяте според бележки, включени във файла.

  • За да промените слайд продължителност, отидете на slideShowspeed параметър.
  • За да добавите още снимки, просто копирайте и поставете снимка [0] = "1.jpg" линия и променят името на масива номер и имидж файла съответно. Ако вашето изображение са поставени в една папка, например изображения, използвайте свързани пътя като Pic [0] = "images/1.jpg". Можете също да използвате абсолютен изображението адрес тук.

3 закрепвам Javascript слайдшоу към вашата уеб страница

Сега отворете web страницата, която искате да вградите Javascript слайдшоу. Копирайте и поставете целия < скрипт > етикет на мястото между < head > and < / глава >. След това позволи на страницата, за да започнете вашия Javascript слайдшоу, когато страницата е заредена чрез добавяне на onLoad="javaSlideShow()" приписват на таг < тяло >. Накрая Уверете Javascript се появяват в правилната позиция на страницата. За да направите това, просто поставете кода между < таблица > and < / класиране > етикети към мястото, където тя трябва да бъде.

4 записване и визуализирате Javascript слайдшоу

Добре да го запишете и визуализация. Ако всичко върви право, може да видите Javascript слайдшоу като това.

Въпроси, свързани с продукта? Говори директно на нашия екип за поддръжка >>

Топ