Colorbox – eine jQuery Lightbox

Colorbox ist eine oft empfohlene und umfangreiche Lightbox.

Screenshot der Seite zu Colorbox
Screenshot der Seite zu Colorbox

Die Library ist nur 10KB groß, wenn man die Daten komprimiert sogar nur 5KB.

Beispiele findet man hier: https://www.jacklmoore.com/colorbox/example1/

Hooks und Callbacks

Einer der wichtigsten Dinge in der Webentwicklung bei solchen Librarys sind Hooks und Callbacks.

Weil Lightboxen oft nicht nur zum stupiden Anzeigen von Bildern und Inhalten benötigt wird, sondern oft in umfangreiche Funktionalitäten eingebaut wird.

Daher werden Funktionen benötigt, um Usereingaben auch in der Lightbox zu triggern, und das ist bei Colorbox möglich:

Mehrsprachigkeit

Will man die Texte/Beschriftung ändern, so ist das easy möglich:

Zeigt die Einstellungen zur Mehsprachigkeit

 

Mehr vom Autor von Colorbox kann man hier einsehen:

Facebook Inhalte einfach einfügen

Es gibt mehrere Möglichkeiten, Inhalt von Facebook in die eigene Seite einzubinden. Hier ein paar Infos dazu:

Per iframes / Code von Facebook

Facebook bietet viele Codegeneratoren an, um Bereiche von Facebook anzeigen zu können. Es handelt sich dabei um einfaches Einbetten:

Mit der Graph-API von Facebook

  • Mit API-Abrufen bin ich flexibler, biete mehr Datenschutz und Privacy, kann die Requests cachen und kann eigene Styles einfacher verwenden
  • Andererseits hab ich mehr Arbeit und Aufwand und muss mich um mehr Problemfelder kümmern, als wenn ich nur iFrames einbinden würde

Infos dazu: