Днес искам да ви кажа как да се направи зрелищна samoprokruchivayuschuyusya лента изображения. Тя прилича на банер с avtosmenoy. Може би искате да се прави по такъв начин връзки към специални оферти на магазина или връзки към последните публикации? Но както и да е, аз ще ви научи как да го направя. Много е лесно.

Това, което трябва

Това е всичко. Къде мога да намеря JQuery Мисля, че всеки знае. А jcarousel Lite аз го потърсим с Google за вас. Аз търсех за плъгин, който ще ми позволи да бързо и лесно, без огромни количества код и хитри тънкости направи такъв прост ефект. И аз го намерих и много щастлив за него. В действителност, този пост да пиша повече за себе си, като маркер да погледне тук следващия път, когато трябва да се направи галерия от снимки от avtoskrolla.

Напиши HTML към изображение лента

Тук класики. Ние използваме ул списък и го увийте в DIV. Това Разделения ние ще подтикне плъгина, така че тя се нуждае от идентификатор. В моя случай този клас.

Важно е, че изображенията са с еднакъв размер. В противен случай тя няма да изглежда толкова впечатляващо. Така че ние трябва да се затегне и ги обработват.

Трябва да се свържете JQuery. Как да го направя, мисля, че всеки знае. И вие трябва да се свържете jcarousel Lite библиотека. Тя все още е така.

След зареждането на страницата, трябва да се повдигне на приставката на нашия панделки и чудо ще се случи!

Това е всичко! Наистина. Не трябва нищо повече. Не е необходимо да се свържете и да персонализирате теми. Не е необходимо да се направят някои контроли и пишат допълнителен код. Имате ли стандартен списък с кодове на изображения и една покана за параметрите на плъгин. Това е както трябва да бъде. Щастлив съм да бъда честен.

На възможни параметри и тяхното значение може да се намери в оригинал на нейната страница. Е, аз ще преведе за вас накратко защо това.

Възможни опции галерия

btnPrev - идентификатор, който определя бутона "Назад". Необходимо е, ако нямате контрол превъртането с бутоните.

btnNext - идентификатор на бутона "Напред".

btnGo - можете да направите прехода към брой елементи. Когато кликнете върху елемент, въртележката трябва да proskrollena с конкретна позиция е. Повече писмена документация.

колелцето на мишката - вярно / невярно стойност, която показва дали да преминете въртележката на превъртане на мишката. Тя изисква колелцето на мишката плъгин.

авто - вярно / невярно стойност, която показва дали лентата е самата усукан.

скорост - превъртане скорост в милисекунди.

облекчаване - превъртете ефект. Можете да направите ефекта от подскачащи. Тя изисква облекчаване на плъгин.

вертикален - може да се наложи да получите изображението вертикално върти?

видим - колко пъти може да се види

започнете - започнете с всеки елемент

превъртете - на колко елемента са превъртели

beforeStart - функция за обратно извикване се извиква преди началото на анимация

afterEnd - функция за обратно извикване нарича в края на анимацията

Такива случаи. Използвайте го!

И аз завърших състезанието в блога фен тениски, а скоро ще напиша доклад за това.