Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › Site-ul implementează slideshow de imagini (carusel) folosind pluginul swiper ...
Vedere: 14242|Răspunde: 0

[Altele] Site-ul folosește pluginul swiper pentru a implementa o prezentare de imagini (carusel)

[Copiază linkul]
Postat pe 09.02.2021 10:42:04 | | | |
Acest articol folosește swiper-6.4.5 ca tutorial demonstrativ, iar atunci când dezvoltăm o pagină web, platforma noastră poate adăuga un efect de diapozitiv (tabelă carusel) pe pagina principală, așa cum se vede în figura de mai jos:



Mai întâi, introdu fișierele css și js ale swiper-ului:



Avem o introducere textuală atașată imaginii și trebuie să adăugăm următorul stil CSS:

Codul html este următorul:

Folosind un apel js, astfel:

(Sfârșit)




Precedent:ASP.NET Tutorial de bază ViewComponent despre utilizarea ViewComponent
Următor:.NET/C# Folosiți depanarea Elasticsearch pentru a vizualiza informațiile despre cereri și răspunsuri

Postări conexe
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com