Conectare cu colorBox, cutie lightbox - notepad

1. Creați o cutie de culori a folderului, puneți-o în ea
-- colorbox.css
-- imagini de folder (conține elementele coloboxului de design)


2. În componentă, conectați


. Biblioteca colorbox-min.js trebuie să fie conectată







. dacă luați un fragment de cod din componenta Photogallery, trebuie să adăugați la acesta

3. Imaginea este pusă într-o legătură cu un atribut care se potrivește cu atributul specificat în rel = 'galerie'

1. Conectați-vă la stilurile și scripturile paginilor


2. Puneți o imagine în legătură


Adăugați la link atributul rel = "lightbox"

3. În folderul cu imagini, copiați imaginile necesare pentru pluginul load.gif și altele.







Transparența în IE7,8
Când vă conectați la această pagină lightbox din pagina 7,8, pagina nu este negată, dar devine complet neagră și opacă.

Soluție: Desenați un pix semi-transparent și creați-l ca fundal pentru caseta de lumină în stare activă.

css pentru IE7 b IE8


Instrucțiuni de la Ksyusha cum să desenezi o cutie transparentă în Photoshop
faceți pe noul dvs. strat pătratul dvs., iar transparența se face ca în figură, doar un alergător, răsuciți-o, veți înțelege ce este înconjurat. doar ai nevoie de un câmp pentru a lucra mai puțin pentru a crea. dar pentru a avea pe un fundal transparent, trebuie să eliminați fundalul principal, de obicei este alb, doar să creați un strat gol, acum voi arunca o altă imagine, veți înțelege

MEGAWAGE APDATE.
Pentru ca caseta lightbox să funcționeze cu jQuery 1.9, este necesar
în codul lightbox.js înlocuiți

Supliment. Pentru ca crucea și legendele la imagini să fie deasupra imaginii. este necesar în lightbox.js
scrie

Cu toate acestea, când deschideți o casetă lightbox, imaginea va sari.







Trimiteți-le prietenilor: