Slideshow pe jquery, vr-online - e-zine gratuită pentru toți


Slideshow pe jquery, vr-online - e-zine gratuită pentru toți
Bună ziua, draga cititor. Astăzi vă voi spune cum să faceți un slideshow pe site-ul dvs. cu un minim de efort. Puteți scrie propriul dvs. script pentru a implementa sarcina, dar este mult mai ușor să utilizați soluția gata - scriptul ciclului jQuery. Soluție excelentă pentru implementarea rapidă a cursorului. Cum se utilizează scriptul în proiectul dvs.:

1. La începutul documentului HTML, conectăm biblioteca și pluginul jQuery.


2. Adăugați blocul DIV, care conține link-uri către imaginile utilizate în prezentarea de diapozitive.

3. Punând nostru bloc div id = „s1“ cu plugin-ul Ciclul jQuery. Această bucată de cod poate fi inserat în document real HTML sau de a face un fișier js separat, așa cum face în exemplul.

fx este numele efectului (pentru detalii click aici)
viteza - viteza
timeout - timp
aleatoare - arată diapozitive aleatoriu (activare - aleatoare: 1)
pauză - când treceți cu mouse-ul, schimbarea imaginilor se oprește (activare - pauză: 1)
easing - numele easing-efect (funcționează numai atunci când plugin conectat jQuery easing Plugin v1.1.1).
întârziere - întârziere. Adaugă la expirarea timpului pentru primul diapozitiv. Opțiunea poate fi utilă atunci când există mai multe diapozitive pe pagină, adică Puteți face diapozitivele diferitelor seturi să se schimbe în mod simultan, menținând același timp afișarea.
sync - controlează dacă modificările diapozitivului apar în mod sincron? În mod prestabilit, opțiunea este activată (dezactivare - sincronizare: 0).

următorul - următorul. Exemplu: următorul: "#next_slide", aici #next_slide este elementul care va acționa ca "următorul"
prev - anterioare. Exemplu: prev: '#prev_slide', aici #prev_slide este un element care va acționa ca un "prev"
pager - creează navigarea prin pagină a diapozitivelor. Exemplu: pager: '#nav', aici #nav este un element gol care va fi convertit într-un switch paginate.
opriți - opriți prezentarea de diapozitive.
pauză - pauză. relua - a continuat. Vă permite să întrerupeți și să continuați prezentarea de diapozitive a unui eveniment
* Rețineți că oprirea, pauza, reluarea în acest caz este atașată la eveniment și nu este setată în setările efectului.

Opțiuni de returnare apel.

înainte este o funcție care trebuie executată în timpul tranziției. Exemplu: înainte: pe Mai înainte, aici înainteBine - orice funcție.
după ce este o funcție care trebuie executată după terminarea tranziției. Exemplu: după: onAfter, aici peAfter-orice funcție.

speedIn - Viteza apariției diapozitivului. Dacă această opțiune este utilizată, opțiunea de viteză nu este necesară.
speedOut - Rata la care dispare diapozitivul. Dacă această opțiune este utilizată, opțiunea de viteză nu este necesară.
easeIn - relaxarea efectului când apare un diapozitiv.
easeOut - efect de relaxare când dispare slide-ul.

Articole similare