Crearea de ferestre pop-up cu fancybox

Ssylochka se descarcă FancyBox (am un add-on mic) - descărcare.

Permiterea arată script în ferestre modale:

Cum se conectează FancyBox

Se extrage arhiva la rădăcina site-ului.

Pentru un start-link biblioteci care sunt incluse cu script-ul și stilul:

În continuare, vom defini setările de bază pentru ferestre modale FancyBox:

Pentru comoditate, acest cod am emis într-un fișier separat, care pot fi conectate împreună cu toate fișierele fensiboksa.
Iată cum:

Practic asta e =), puteți începe să lucreze cu script-ul))

Luați în considerare câteva moduri de utilizare FancyBox:

Puteți grupa mai multe imagini, astfel încât acestea să flipping reciproc, acest lucru se adaugă la atributul de referință - rel = „un nume arbitrar al grupului, de exemplu, - grupa“:

Pentru link-uri text

Concluzie konetenta arbitrar în fereastra:

Acum se poate părea că se face printr-o „cârjă“, dar, de fapt, este chiar un mod convenabil să-l arate, făcând clic, mai degrabă decât pe o pagină nouă.

Și astfel să înceapă prin crearea de conținut pe care utilizatorul ar dori să arate, ascunde-l pe pagina folosind stilul - style = „display: none“ și cere acest conținut un fel de identificator ID de exemplu # some_link1.

atunci vom avea un fel de conținut pe care dorim să arate la site-ul vizitatorilor

Atributele link-uri către FancyBox:

Puteți specifica un titlu pentru fereastra pop-up care va afișa semnătura. Semnătura este creată cu ajutorul atributului „title“

Util în plus față de articol:

Ssylochka se descarcă FancyBox (am un add-on mic) - descărcare.