Modulul Colorbox vă permite să integrați Colorbox-ul în Drupal. Integrarea în site necesită o bibliotecă de jquery (deoarece versiunea 5 jquery Drupal este deja construită în nucleul drupal).
Descărcați componentele necesare:
Modulul colorbox adaugă următoarei funcționalități site-ului:
- Integrarea cu câmpul de imagine și stilurile de imagine
- Abilitatea de a alege stilul implicit de afișare a cutiei de culori, precum și 5 stiluri presetate
- Abilitatea de a personaliza stilul de afișare Colorbox pentru tema dvs. utilizând fișierul colorbox.css
Funcționalitatea oferită de pluginul Colorbox:
- Suport pentru imagini, grupuri de imagini, prezentări de diapozitive, ajax, linii și cadre
- Personalizarea aspectului CSS
- Preîncărcarea imaginilor de fundal, precum și posibilitatea de preîncărcare a grupurilor de imagini
- Un cod valid W3C, absența variabilelor globale js
- Compatibilitate compatibilă cu browserul (Firefox 2 3, Safari 3 4, Opera 9, Chrome, Internet Explorer 6, 7, 8 ...)
Instalarea modulului și a casetei de culoare plug-in pe drupal 7
- Instalați pluginul. Dezarhivează pluginul colorbox descărcat. Redenumiți folderul cu plugin-ul în caseta de culoare și copiați-l în "sites / all / libraries" (dacă nu există biblioteci, trebuie să îl creați.
- Instalarea modulului. Dacă nu ați descărcat modulul colorbox de la descărcarea de către drupal.org. Apoi vom include modulul în panoul admin în secțiunea module.
Setarea casetei de culori pentru drupal 7
Accesați Configurație -> Multimedia -> Culoare. În această secțiune, puteți personaliza aspectul cutiei de culori. În meniul derulant Stil, puteți selecta stilurile prestabilite. De asemenea, puteți seta propriul stil. Aspectul stilurilor:
Descărcarea imaginilor de pe legături
În acest moment, caseta de culori pentru imagini funcționează excelent. Pentru aceasta, după instalare, vom curăța memoria cache! Apoi, adăugați o clasă de culoare color la link și specificați calea spre imaginea dorită. De exemplu:
Încărcarea conținutului în cutia de culori
În setările pentru cutia colorată, activați opțiunea Activați descărcarea prin Colorbox. Această funcție vă permite să afișați conținut în modul colorbox. Trebuie să adăugați clasa de încărcare color-box la link-ul dorit și să adăugați o cale a formularului:
[calea]? width = 500height = 500iframe = true sau [path]? width = 500height = 500
Să luăm în considerare un exemplu. Când faceți clic pe o imagine, deschideți pagina cu articolul din modul colorbox:
Încărcarea conținutului inline într-o casetă de culoare
În setările cutie de culori, activați opțiunea Enable Colorbox pentru elementele inline. Am notat că în cazul conținutului inline, în acest caz înseamnă orice conținut încorporat în pagina curentă. De exemplu, trebuie să afișați un div cu anumite informații în caseta de culoare când dați clic pe link. Este suficient să faceți acest container ascuns și să atribuiți un id:
Vizualizați chiar linkul: