Pentru a organiza efectul slimbox, aveți nevoie de librăriile mootools.js și js slimbox. mootools.js este probabil deja conectat, dacă nu atunci:
Adăugați codul slimbox și ccs pentru el:
Cu ajutorul codului Joomla, puteți adăuga acest lucru:
Al doilea parametru este calea spre fișier.
În HTML, efectul slimbox este organizat folosind un link către imagine. În interiorul link-ului, puteți plasa o miniatură a acestei imagini.
Cuvântul cheie aici este:
Slimbox.js în sine arată astfel:
În schimb, puteți introduce setările, de exemplu:
Sunt posibile următoarele setări:
- buclă. logică; dacă este adevărat, navigația va fi într-un cerc. Implicit este fals
- overlayOpacity. Transparență Puteți schimba culoarea într-un fișier CSS. Implicit este 0.8.
- overlayFadeDuration. Timpul de afișare și atenuarea imaginii în milisecunde. Specificați 0 pentru a dezactiva efectul de animație. Valoarea implicită este 400.
- resizeDuration. Timpul de implementare în milisecunde. 0 pentru a dezactiva efectul. Valoarea implicită este 400.
- resizeTransition. Specifică efectul redimensionării imaginii în mod implicit pentru Mootools sineInOut. Puteți specifica propriile valori, de exemplu, Fx.Transitions.Elastic.easeOut.
- initialWidth. Lățime în pixeli. Implicit este 250.
- initialHeight. Înălțime în pixeli. Implicit este 250.
- imageFadeDuration. Timpul de decolorare a imaginii. 0 - imaginea apare imediat. Implicit este 400.
- captionAnimationDuration. Timpul pentru animația titlului. 0 - apare imediat. Implicit este 400.
- Contratextul. Text, vă permite să configurați, să traduceți sau să dezactivați numărul de imagini. Pentru a dezactiva - false sau "". Implicit este "Imaginea".
- closeKeys. Tastele de navigare pentru a închide codurile de taste. Implicit este [27, 88, 67]. Esc (27), "x" (88) și "c" (67).
- previousKeys. Taste pentru a trece la imaginea anterioară a codurilor cheie. Implicit este [37, 80]. Săgeată stânga (37) și "p" (80).
- nextKeys. Taste pentru a trece la următoarea imagine a codurilor de taste. Implicit este [39, 78]. Săgeată dreapta (39) și "n" (78).
Articole similare
Trimiteți-le prietenilor: