Veidot bagātīgu jQuery karuseļus ar slidkalniņu

Nedaudz karuseļveida bibliotēkas var konkurēt Slidens. Tas ir visvairāk iesaldēts jQuery spraudnis veidojot dinamiskus karuseļus tīmeklī.

Tas ir pilnīgi bez maksas un uzcelta uz jQuery. Kods ir ļoti viegli uzstādīt, lai gan tas ir prasa dažas atkarības. Bet ar tik daudz funkcionalitāti, ir vērts pievienot papildu bibliotēkas, lai iegūtu šo darbu.

Uz instalējiet Slick, varat apmeklēt GitHub repo un lejupielādēt kopiju. Tas nāk ar divi CSS faili: viens - pamata iestatīšana un otrs - noklusējuma slidens tēma. Jūs varat viegli apvienot šos failus savā primārajā CSS stillapā, ja vēlaties ietaupīt vietu.

Tad jums ir nepieciešams divas jQuery atkarības: primārā jQuery bibliotēka kopā ar jQuery Migrēt. Slick prasa a minimums jQuery 1.7+ kas nevajadzētu radīt problēmas mūsdienu attīstības vidē.

No šejienes jūs vienkārši pievienojat Slick.js failu un ļaujiet tai iet. Slīdrādes var izveidot ar ļoti maz kodu un šeit ir a tiešais paraugs no Slick tīmekļa vietnes:

  jūsu saturu
 jūsu saturu
 jūsu saturu

Ar vienkāršu

konteineru pievienojiet slaidus dinamiski, ieskaitot attēlus, HTML saturu un iegultos medijus, piemēram, videoklipus. Slick to visu atbalsta ar pilnībā atsaucīgs dizains kas saglabā attēla proporcijas neskartas.

Slick nāk ar desmitiem lielu funkciju, tostarp velciet funkcionalitāti mobilo un punktu navigācija. Varat arī iestatīt automātiskā atskaņošana, pielāgota animācija, pielāgotas atzvanīšanas, un vēl daudz vairāk.

Šī bibliotēka ir pilnīgs zvērs radot rotējošos karuseļus. Un jūs varat to visu darīt dažas vienkāršas jQuery līnijas kas padara to vēl neticamāku.

Uz skatīt visus demonstrācijas un sāc, apskatiet Slick mājas lapu. Jūs varat arī atrast visu avota kodu un pilnīga iestatījumu / opciju dokumentācija GitHub repo.