Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Architect_Programmer_Code Landwirtschaftsnetzwerk»Architekt › Frontend-Design & Web › Frontrahmen › Die Website implementiert eine Bild-Diashow (Karussell) mit dem Swiper-Plugin ...
Ansehen: 14242|Antwort: 0

[Sonstige] Die Website verwendet das Swiper-Plugin, um eine Bild-Diashow (Karussell) zu implementieren

[Link kopieren]
Veröffentlicht am 09.02.2021 10:42:04 | | | |
Dieser Artikel verwendet swiper-6.4.5 als Demonstrationstutorial; beim Erstellen einer Webseite kann unsere Plattform auf der Startseite einen Slide-(Karusselldiagramm-)Effekt hinzufügen, wie in der untenstehenden Abbildung dargestellt:



Führen Sie zuerst die CSS- und JS-Dateien des Swipers ein:



Wir haben eine Texteinleitung dem Bild angehängt und müssen folgenden CSS-Stil hinzufügen:

Der HTML-Code ist wie folgt:

Verwendung eines JS-Aufrufs, wie dieser:

(Ende)




Vorhergehend:ASP.NET Core ViewComponent Tutorial zur Nutzung von ViewComponent
Nächster:.NET/C# Verwenden Sie Elasticsearch-Debugging, um Anfrage- und Antwortinformationen anzuzeigen

Verwandte Beiträge
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.
Mail To:help@itsvse.com