Прост плъзгач в JavaScript с изскачащ текст - Как да направите уебсайт от нулата сами без

  • инсталиране на неограничен брой изображения;
  • анимация на изображения;
  • възможност за промяна на скоростта на превъртане;
  • промяна на външния вид и деактивиране, ако е необходимо, на радио бутони, бутони за спиране и други
  • текстова анимация

За да инсталирате скрипта на плъзгача, трябва да се свържете към вашата страница между css таговете „my-slider.css“ и java скрипта „tav-2.1.js“.

плъзгач css код:

Не копирах и не показах целия CSS код, тъй като самият файл е обемен и може да отнеме много време, а в горния пример показах само основните CSS команди, с които можете да редактирате и промените външния вид на вашия бъдещ слайдер. Номерът на реда стриктно съответства на посочения във файла "my-slider.css".

Подробно описание на добавяне и изтриване на изображения:

  • Във файла преди етикета
  • добавете ново изображение с текст, подобен на предишното, и го позиционирайте преди тага
  • В кода (ред 452-520) копирайте последните два id #my-slider и поставете зад тях, променяйки класа .tav-slide-5 на .tav-slide-6, ако трябва да добавите друго изображение, направете същото, както е описано;
  • В кода (ред 524-594) направете същото, т.е. ако имате три изскачащи текста, копирайте последните три реда код и добавете промяна - .tav-slide-5 до 6 и т.н.;
  • Друга стъпка е да добавите слайд за позициониране, текст, цвят и рамка (в кодовия ред 597-812). Копирайте последните три id #my-slider и в класа tav-slide-5 променете числото на 6 (за да премахнете изображението, повторете точно обратното).

След това вашето изображение с текст е успешно добавено към плъзгача.

Надявам се, че този плъзгач ще ви помогне при решаването на задачата и щедобър визуален пример.