Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Architect_Programmer_Code Rete Agricola»Architetto › Progettazione front-end e web › Telaio frontale › Il sito web implementa la presentazione di immagini (carosella) usando il plugin swiper ...
Vista: 14242|Risposta: 0

[Altri] Il sito web utilizza il plugin swiper per implementare una presentazione di immagini (carousel)

[Copiato link]
Pubblicato su 09/02/2021 10:42:04 | | | |
Questo articolo utilizza swiper-6.4.5 come tutorial dimostrativo; durante lo sviluppo di una pagina web, la nostra piattaforma può aggiungere un effetto slide (carousel chart) sulla homepage, come mostrato nella figura qui sotto:



Per prima cosa, presenta i file css e js dello swiper:



Abbiamo un testo di introduzione allegata all'immagine e dobbiamo aggiungere il seguente stile CSS:

Il codice html è il seguente:

Usando una chiamata js, così:

(Fine)




Precedente:ASP.NET tutorial base di ViewComponent sull'uso di ViewComponent
Prossimo:.NET/C# Usa il debug di Elasticsearch per visualizzare le informazioni di richieste e risposte

Post correlati
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.
Mail To:help@itsvse.com