{"id":107,"date":"2022-11-06T06:25:10","date_gmt":"2022-11-06T05:25:10","guid":{"rendered":"https:\/\/www.servicepraxis.com\/faq\/?post_type=ufaq&#038;p=107"},"modified":"2022-12-31T08:59:21","modified_gmt":"2022-12-31T07:59:21","slug":"was-ist-eine-lightbox-fuer-bilder","status":"publish","type":"ufaq","link":"https:\/\/www.servicepraxis.com\/faq\/ufaq\/was-ist-eine-lightbox-fuer-bilder\/","title":{"rendered":"Was ist eine Lightbox f\u00fcr Bilder?"},"content":{"rendered":"<div  class=\"ewd-ufaq-faq-list ewd-ufaq-page-type-distinct\" id='ewd-ufaq-faq-list'>\n\n\t<input type='hidden' name='show_on_load' value='' id='ewd-ufaq-show-on-load' \/>\n<input type='hidden' name='include_category' value='' id='ewd-ufaq-include-category' \/>\n<input type='hidden' name='exclude_category' value='' id='ewd-ufaq-exclude-category' \/>\n<input type='hidden' name='orderby' value='title' id='ewd-ufaq-orderby' \/>\n<input type='hidden' name='order' value='asc' id='ewd-ufaq-order' \/>\n<input type='hidden' name='post_count' value='-1' id='ewd-ufaq-post-count' \/>\n<input type='hidden' name='current_url' value='\/faq\/wp-json\/wp\/v2\/ufaq\/107' id='ewd-ufaq-current-url' \/>\n\t\n\t\n\t<div class='ewd-ufaq-faqs'>\n\n\t\t<div  class=\"ewd-ufaq-faq-div ewd-ufaq-faq-column-count-one ewd-ufaq-faq-responsive-columns- ewd-ufaq-faq-display-style-default ewd-ufaq-can-be-toggled\" id='ewd-ufaq-post-107-lptjJNTTiq' data-post_id='107'>\n\n\t<div class='ewd-ufaq-faq-title ewd-ufaq-faq-toggle'>\n\t\n\t<a class='ewd-ufaq-post-margin'  href='#' role=\"button\">\n\n\t\t<div class='ewd-ufaq-post-margin-symbol ewd-ufaq-'>\n\t\t\t<span >A<\/span>\n\t\t<\/div>\n\n\t\t<div class='ewd-ufaq-faq-title-text'>\n\n\t\t\t<h4>\n\t\t\t\tWas ist eine Lightbox f\u00fcr Bilder?\t\t\t<\/h4>\n\n\t\t<\/div>\n\n\t\t<div class='ewd-ufaq-clear'><\/div>\n\n\t<\/a>\n\t\n<\/div>\n\t\n\t<div class='ewd-ufaq-faq-body ' >\n\n\t\t\n\t\t\t\n\t\t\n\t\t\t<div class='ewd-ufaq-post-margin ewd-ufaq-faq-post'>\n\t\n<p>Zur Gestaltung von Multimediainhalten in WordPress bieten sich Lightboxen an. Bei dieser Form der Darstellung wird nach dem Klick auf ein Vorschaubild die Seite beispielsweise abgedunkelt und quasi dar\u00fcber schwebend legt sich gro\u00dfformatig das Bild.<\/p>\n\n\n\n<p>Mit dem sogenannten Masonry-Layout k\u00f6nnen Inhalte wie Bilder oder Card-Elemente ansprechend und platzsparend auf einer Website angezeigt werden. Im Gegensatz zu klassischen Rastern zeichnet es sich durch eine versetzte Optik aus \u2013 daher auch der Name (Masonry = Mauerwerk). Gemeinsamer Nenner aller Bilder ist hier, dass wir die Vorschaubilder (sogenannte Thumbnails) in die gleiche Breite bringen k\u00f6nnen, die H\u00f6he jedoch unterschiedlich sein wird.<\/p>\n\n\n\n<p>Photoswipe bietet mit Tiled Deep Zoom einen kachelbasiertem Bildbetrachter, der die Anzeige extrem gro\u00dfer Bilder erm\u00f6glicht. Im Gegensatz zu anderen Skripten zeigt es Bilder im gr\u00f6\u00dften Format erst an, nachdem der Benutzer \u00fcber das prim\u00e4re Bild hinausgezoomt hat.<\/p>\n\n\n\n<p>Infos zum Thema: <a href=\"https:\/\/www.servicepraxis.com\/plugins\/lightbox\/\">www.servicepraxis.com\/plugins\/lightbox\/<\/a><br>Plugin f\u00fcr Photoswipe: <a href=\"https:\/\/www.servicepraxis.com\/plugins\/lightbox\/photoswipe\/\">www.servicepraxis.com\/plugins\/lightbox\/photoswipe\/<\/a><br>Fallbeispiel Slideshow: <a href=\"https:\/\/www.servicepraxis.com\/faq\/how-to\/slideshows-in-wordpress\/\">www.servicepraxis.com\/faq\/how-to\/slideshows-in-wordpress\/<\/a><br>Fallbeispiel Lightbox: <a href=\"https:\/\/www.servicepraxis.com\/faq\/how-to\/lightbox-in-wordpress\/\">www.servicepraxis.com\/faq\/how-to\/lightbox-in-wordpress\/<\/a><\/p>\n<\/div>\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t<\/div>\n\n<\/div>\n\t<\/div>\n\n\t\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Zur Gestaltung von Multimediainhalten in WordPress bieten sich Lightboxen an. Bei dieser Form der Darstellung wird nach dem Klick auf ein Vorschaubild die Seite abgedunkelt und quasi dar\u00fcber schwebend legt sich gro\u00dfformatig das Bild. <\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","ufaq-category":[5],"ufaq-tag":[],"class_list":["post-107","ufaq","type-ufaq","status-publish","hentry","ufaq-category-plugins"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/ufaq\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/ufaq"}],"about":[{"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/types\/ufaq"}],"author":[{"embeddable":true,"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/comments?post=107"}],"wp:attachment":[{"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/media?parent=107"}],"wp:term":[{"taxonomy":"ufaq-category","embeddable":true,"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/ufaq-category?post=107"},{"taxonomy":"ufaq-tag","embeddable":true,"href":"https:\/\/www.servicepraxis.com\/faq\/wp-json\/wp\/v2\/ufaq-tag?post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}