Αυτό το άρθρο είναι ένα άρθρο καθρέφτη της αυτόματης μετάφρασης, κάντε κλικ εδώ για να μεταβείτε στο αρχικό άρθρο.

Άποψη: 14242|Απάντηση: 0

[Άλλα] Ο ιστότοπος χρησιμοποιεί το πρόσθετο swiper για την υλοποίηση μιας παρουσίασης εικόνων (καρουζέλ)

[Αντιγραφή συνδέσμου]
Δημοσιεύτηκε στις 9/2/2021 10:42:04 π.μ. | | | |
Αυτό το άρθρο χρησιμοποιεί το swiper-6.4.5 ως οδηγό επίδειξης, κατά την ανάπτυξη μιας ιστοσελίδας, η πλατφόρμα μας μπορεί να προσθέσει ένα εφέ διαφάνειας (γράφημα καρουζέλ) στην αρχική σελίδα, όπως φαίνεται στο παρακάτω σχήμα:



Αρχικά, εισαγάγετε τα αρχεία css και js του swiper:



Έχουμε κάποια εισαγωγή κειμένου συνημμένη στην εικόνα και πρέπει να προσθέσουμε το ακόλουθο στυλ CSS:

Ο κώδικας html έχει ως εξής:

Χρησιμοποιώντας μια κλήση js, ως εξής:

(Τέλος)




Προηγούμενος:ASP.NET Οδηγός Core ViewComponent σχετικά με τη χρήση του ViewComponent
Επόμενος:.NET/C# Χρησιμοποιήστε τον εντοπισμό σφαλμάτων Elasticsearch για να προβάλετε πληροφορίες αίτησης και απόκρισης
Αποκήρυξη:
Όλο το λογισμικό, το υλικό προγραμματισμού ή τα άρθρα που δημοσιεύονται από το Code Farmer Network προορίζονται μόνο για μαθησιακούς και ερευνητικούς σκοπούς. Το παραπάνω περιεχόμενο δεν θα χρησιμοποιηθεί για εμπορικούς ή παράνομους σκοπούς, άλλως οι χρήστες θα υποστούν όλες τις συνέπειες. Οι πληροφορίες σε αυτόν τον ιστότοπο προέρχονται από το Διαδίκτυο και οι διαφορές πνευματικών δικαιωμάτων δεν έχουν καμία σχέση με αυτόν τον ιστότοπο. Πρέπει να διαγράψετε εντελώς το παραπάνω περιεχόμενο από τον υπολογιστή σας εντός 24 ωρών από τη λήψη. Εάν σας αρέσει το πρόγραμμα, υποστηρίξτε γνήσιο λογισμικό, αγοράστε εγγραφή και λάβετε καλύτερες γνήσιες υπηρεσίες. Εάν υπάρχει οποιαδήποτε παραβίαση, επικοινωνήστε μαζί μας μέσω email.

Mail To:help@itsvse.com