{"id":3633,"date":"2008-02-14T09:47:50","date_gmt":"2008-02-14T07:47:50","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/2008\/02\/14\/lightbox-greybox-thickbox\/"},"modified":"2008-02-14T09:47:50","modified_gmt":"2008-02-14T07:47:50","slug":"lightbox-greybox-thickbox","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2008\/02\/lightbox-greybox-thickbox\/","title":{"rendered":"Lightbox &#8211; Greybox &#8211; Thickbox"},"content":{"rendered":"<h3>Fifty Ways to display photos and other stuff.<\/h3>\n<p>Eine sch\u00f6ne und funktionale Alternative zu herk\u00f6mmlichen Popups sind Skripte, die einen Inhalt in einem transparenten Overlay anzeigen.<\/p>\n<h3>Lightbox<\/h3>\n<p>Hierzu gibt es verschiedene M\u00f6glichkeiten. \u00dcber das Lightbox-Skript hatte ich <a href=\"http:\/\/www.frische-zitronen.de\/2007\/10\/09\/bilder-mit-lightbox-effekt\/\">hier<\/a> ja schon einmal geschrieben.<br \/>\nMit dem Lightbox Skript kann man Bilder in einem Popup vergr\u00f6\u00dfert darstellen.<\/p>\n<h3>Greybox<\/h3>\n<p>Eine weitere Variante ist die <a href=\"http:\/\/www.orangoo.com\/labs\/GreyBox\/\">Greybox<\/a>.<br \/>\nIm Unterschied zur Lightbox kann man mit der <strong>Greybox<\/strong> auch auf eine Url verlinken und eine komplette Webseite anzeigen lassen.<\/p>\n<h3>Thickbox<\/h3>\n<p>Noch ein Schritt weiter, kann man mit der <a href=\"http:\/\/jquery.com\/demo\/thickbox\/\">ThickBox<\/a><\/p>\n<ul>\n<li>einzelne Bilder anzeigen<\/li>\n<li>mehrere Bilder in einer Galerie anzeigen<\/li>\n<li>Text anzeigen<\/li>\n<li>Fremde Webseiten \u00f6ffnen<\/li>\n<li>Links in der Box anzeigen und in der Box \u00f6ffnen<\/li>\n<\/ul>\n<p>F\u00fcr die ThickBox muss eine Javascript Bibliothek installiert werden (jQuery)<br \/>\nEbenso ist es m\u00f6glich Flash und Videos in der ThickBox anzeigen zu lassen.<\/p>\n<p>Erg\u00e4nzung 4.9.2008<\/p>\n<h3>Multibox<\/h3>\n<p>Als weitere M\u00f6glichkeit gibt es auch noch die <a href=\"http:\/\/www.phatfusion.net\/multibox\/\">Multibox<\/a>, die die mooTools Bibliothek verwendet. Hiermit kann neben Bildern auch Flash-Filme, Videos und html-Seiten anzeigen lassen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fifty Ways to display photos and other stuff.<br \/>\nEine sch\u00f6ne und funktionale Alternative zu herk\u00f6mmlichen Popups sind Skripte, die einen Inhalt in einem transparenten Overlay anzeigen.<br \/>\nLightbox<br \/>\nHierzu gibt es verschiedene M\u00f6glichkeiten. \u00dcber das Lightbox-Skript hatte ich hier ja schon einmal geschrieben.<br \/>\nMit dem Lightbox Skript kann man Bilder in einem Popup vergr\u00f6\u00dfert darstellen.<br \/>\nGreybox<br \/>\nEine weitere Variante ist die Greybox.<br \/>\nIm  &#8230; <a title=\"Lightbox &#8211; Greybox &#8211; Thickbox\" class=\"read-more\" href=\"https:\/\/www.jukemedia.de\/blog\/2008\/02\/lightbox-greybox-thickbox\/\" aria-label=\"Mehr Informationen \u00fcber Lightbox &#8211; Greybox &#8211; Thickbox\">Weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[125],"tags":[150,188,241,14],"yst_prominent_words":[],"class_list":["post-3633","post","type-post","status-publish","format-standard","hentry","category-nuetzliche-tools","tag-technik","tag-skripte","tag-javascripts","tag-webdesign-2"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=3633"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/3633\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=3633"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=3633"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=3633"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=3633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}