Ротатор на съдържание в модален прозорец

Ротатор на съдържание в модален прозорец

Интересувах се от тази идея и започнах да търся решение, идеята се оказа не нова, но всъщност не срещнах нищо полезно. Тогава реших да намеря лесен за използване плъзгач или ротатор и да го комбинирам с готов модален прозорец. След като се лутаха из интернет, буржоазите намериха прост ротатор на съдържание, подходящ във всички отношения. След изтеглянето на изходния код, изваждайки само всичко най-необходимо, javascript и html-рамката на ротаторния блок, изненадващо лесно завинтваше всичко това към модалния прозорец. За промяна и за да проверя възможностите на цялата структура, вмъкнах малко изображение заедно с текста в свитъка, всичко работеше по възможно най-добрия начин.

модален

HTML маркиране

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

    присвоява се идентификатор id = "tips", всяко ново съдържание за превъртане се поставя между таговете и то трябва да изглежда по следния начин:

  • . Разглеждате един от примерите за създаване на модален прозорец с помощта на CSS и малко jQuery, с възможност за вмъкване на изображение.
  • . Този пример показва прозорец с широк 500px.
  • . За да покажете други прозорци, просто задайте име на новия прозорец, напишете в атрибута отн, Тип изскачащ 1,2,3 и т.н.,
  • . и разбира се, не забравяйте за идентификатора, съответно задайте същото.
  • . Задайте ширината на прозореца в маркера <а> и с чувство на прекомерна гордост към себе си, възхищавайте се на резултата.