Descărcați biblioteca prin link.
Puteți vedea demo-ul prin link.
Voi aduce codul imediat și începe să-l sortez.
Voi descrie ceea ce face scenariul. Scenariul în sine este simplu. La noi, vom admite, există orice element (div de exemplu) și în el lista de imagini.
Un div (sau alt element) poate avea o clasă, dar trebuie să aibă propriul id, astfel încât mai târziu să îl putem trimite scriptului pentru a crea o expunere de diapozitive. Scenariul vă permite să creați atât o expunere de diapozitive orizontală cât și verticală cu mișcarea în sus sau în jos, respectiv, respectiv, spre dreapta sau spre stânga. De asemenea, putem seta dimensiunea slide show-ului în lățime și înălțime, precum și viteza de derulare a imaginilor. Există o setare pentru setarea lățimii sau înălțimii maxime a imaginii în pixeli. Dacă acești parametri nu sunt specificați, scriptul folosește valorile implicite.
Exemple de utilizare a bibliotecii.
Apel minim solicitat
Transferăm pur și simplu ID-ul elementului necesar, care conține imagini pentru prezentarea de diapozitive. Parametrii rămași sunt setați în scriptul propriu-zis.
Un exemplu folosind parametrii
Algoritmul scenariului.
Obținem o listă de imagini și formăm două liste de imagini. Calculăm dimensiunile necesare pentru container și pentru animație. Și schimbați stilurile stânga, dreapta, sus, jos, respectiv, în setInterval.
Cum se conectează o bibliotecă
În cap, conectăm fișierul de bibliotecă js și prezentarea de diapozitive css
Este necesar să se facă evenimentul de încărcare pentru corp, deoarece trebuie să descărcați nu numai DOM, ci și imagini.
Articole similare
Trimiteți-le prietenilor: