{"id":10616533,"date":"2018-08-23T07:35:19","date_gmt":"2018-08-23T07:35:19","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/one-of-the-best-lightboxes-out-there\/"},"modified":"2018-08-23T07:35:19","modified_gmt":"2018-08-23T07:35:19","slug":"one-of-the-best-lightboxes-out-there","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/one-of-the-best-lightboxes-out-there\/","title":{"rendered":"One of the best lightboxes out there!"},"content":{"rendered":"<p>So simple and elegant, yet easy to customise. Works great as a &#8220;carousel-lightbox&#8221; for all the images in a posts since it goes through them all. Great touch capability and is neat.<\/p>\n<p>Suggestions for further development:<\/p>\n<p>Click outside image should close box on desktop, at least available.<\/p>\n<p>Show image thumbnails in bottom as a carousel, choosable ofc.  <\/p>\n<p>Add this code to fix the close button position on desktop vs touch media if your page has a vertical scrollbar. The close button is a sprite image and is placed to narrow to the edge on desktop if you got a scrollbar. <\/p>\n<p>#swipebox-close {<br \/>\n    background-position: 5px 12px;<br \/>\n}<\/p>\n<p>@media screen {<br \/>\n#swipebox-close {<br \/>\n    background-position: 15px 12px;<br \/>\n }<br \/>\n}<\/p>\n","protected":false},"template":"","class_list":["post-10616533","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/10616533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/10616533\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=10616533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}