{"action":"created","issue":{"url":"https://api.github.com/repos/Automattic/jetpack/issues/5431","repository_url":"https://api.github.com/repos/Automattic/jetpack","labels_url":"https://api.github.com/repos/Automattic/jetpack/issues/5431/labels{/name}","comments_url":"https://api.github.com/repos/Automattic/jetpack/issues/5431/comments","events_url":"https://api.github.com/repos/Automattic/jetpack/issues/5431/events","html_url":"https://github.com/Automattic/jetpack/issues/5431","id":185742760,"number":5431,"title":"Add single image lightboxes","user":{"login":"bwilczek","id":12280141,"avatar_url":"https://avatars.githubusercontent.com/u/12280141?v=3","gravatar_id":"","url":"https://api.github.com/users/bwilczek","html_url":"https://github.com/bwilczek","followers_url":"https://api.github.com/users/bwilczek/followers","following_url":"https://api.github.com/users/bwilczek/following{/other_user}","gists_url":"https://api.github.com/users/bwilczek/gists{/gist_id}","starred_url":"https://api.github.com/users/bwilczek/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bwilczek/subscriptions","organizations_url":"https://api.github.com/users/bwilczek/orgs","repos_url":"https://api.github.com/users/bwilczek/repos","events_url":"https://api.github.com/users/bwilczek/events{/privacy}","received_events_url":"https://api.github.com/users/bwilczek/received_events","type":"User","site_admin":false},"labels":[{"id":469455667,"url":"https://api.github.com/repos/Automattic/jetpack/labels/Master%20Issue","name":"Master Issue","color":"b60205","default":false},{"id":136297617,"url":"https://api.github.com/repos/Automattic/jetpack/labels/Trial%20Project","name":"Trial Project","color":"d5ad6f","default":false},{"id":470168785,"url":"https://api.github.com/repos/Automattic/jetpack/labels/[Pri]%20Low","name":"[Pri] Low","color":"fef2c0","default":false},{"id":136599217,"url":"https://api.github.com/repos/Automattic/jetpack/labels/[Status]%20In%20Progress","name":"[Status] In Progress","color":"ededed","default":false},{"id":70896534,"url":"https://api.github.com/repos/Automattic/jetpack/labels/[Type]%20Enhancement","name":"[Type] Enhancement","color":"c7def8","default":false}],"state":"open","locked":false,"assignee":{"login":"bwilczek","id":12280141,"avatar_url":"https://avatars.githubusercontent.com/u/12280141?v=3","gravatar_id":"","url":"https://api.github.com/users/bwilczek","html_url":"https://github.com/bwilczek","followers_url":"https://api.github.com/users/bwilczek/followers","following_url":"https://api.github.com/users/bwilczek/following{/other_user}","gists_url":"https://api.github.com/users/bwilczek/gists{/gist_id}","starred_url":"https://api.github.com/users/bwilczek/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bwilczek/subscriptions","organizations_url":"https://api.github.com/users/bwilczek/orgs","repos_url":"https://api.github.com/users/bwilczek/repos","events_url":"https://api.github.com/users/bwilczek/events{/privacy}","received_events_url":"https://api.github.com/users/bwilczek/received_events","type":"User","site_admin":false},"assignees":[{"login":"bwilczek","id":12280141,"avatar_url":"https://avatars.githubusercontent.com/u/12280141?v=3","gravatar_id":"","url":"https://api.github.com/users/bwilczek","html_url":"https://github.com/bwilczek","followers_url":"https://api.github.com/users/bwilczek/followers","following_url":"https://api.github.com/users/bwilczek/following{/other_user}","gists_url":"https://api.github.com/users/bwilczek/gists{/gist_id}","starred_url":"https://api.github.com/users/bwilczek/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bwilczek/subscriptions","organizations_url":"https://api.github.com/users/bwilczek/orgs","repos_url":"https://api.github.com/users/bwilczek/repos","events_url":"https://api.github.com/users/bwilczek/events{/privacy}","received_events_url":"https://api.github.com/users/bwilczek/received_events","type":"User","site_admin":false}],"milestone":{"url":"https://api.github.com/repos/Automattic/jetpack/milestones/64","html_url":"https://github.com/Automattic/jetpack/milestones/4.5","labels_url":"https://api.github.com/repos/Automattic/jetpack/milestones/64/labels","id":2085798,"number":64,"title":"4.5","description":"","creator":{"login":"jeherve","id":426388,"avatar_url":"https://avatars.githubusercontent.com/u/426388?v=3","gravatar_id":"","url":"https://api.github.com/users/jeherve","html_url":"https://github.com/jeherve","followers_url":"https://api.github.com/users/jeherve/followers","following_url":"https://api.github.com/users/jeherve/following{/other_user}","gists_url":"https://api.github.com/users/jeherve/gists{/gist_id}","starred_url":"https://api.github.com/users/jeherve/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jeherve/subscriptions","organizations_url":"https://api.github.com/users/jeherve/orgs","repos_url":"https://api.github.com/users/jeherve/repos","events_url":"https://api.github.com/users/jeherve/events{/privacy}","received_events_url":"https://api.github.com/users/jeherve/received_events","type":"User","site_admin":false},"open_issues":6,"closed_issues":0,"state":"open","created_at":"2016-10-21T20:13:30Z","updated_at":"2016-10-27T18:24:50Z","due_on":null,"closed_at":null},"comments":1,"created_at":"2016-10-27T18:17:14Z","updated_at":"2016-10-27T18:26:06Z","closed_at":null,"body":"## Synopsis\r\n\r\nCurrently, Jetpack only shows lightboxes for gallery carousels, the goal of this project is to extend that functionality to single images. This issue is a formalized approach to implement requirements requested in #375.\r\n\r\n## Visitor's experience\r\n\r\nIn post view nothing changes for the reader. Image is displayed the same way as always and can be surrounded with text.\r\n![Post view](https://i2.wp.com/puu.sh/rUVWE/fc27c9df05.png?resize=711%2C483&ssl=1)\r\n\r\nWhat does differ is the view when the image is clicked. Instead of \"Attachment Page\" reader can see the image in a Lightbox view.\r\n![Lightbox view](https://i2.wp.com/puu.sh/rUVZN/f5e87abf08.png?resize=728%2C500&ssl=1)\r\n\r\n**IMPORTANT**: change is planned only for images linking to \"Attachment Page\". The original \"Attachment Page\" **WILL NOT BE ACCESSIBLE** when this feature is turned on.\r\n\r\n## Editor's experience\r\n\r\nApplication behavior on image click (assuming that it is clickable and links to \"Attachment Page\") is configured using newly introduced field in \"Settings > Media\". This setting affects both existing and new posts/images and appears only when Jetpack/Carousel is enabled.\r\n\r\n![Configuration](https://i1.wp.com/puu.sh/rXvjE/6cd922a7f7.png?resize=510%2C156&ssl=1)\r\n\r\nWith this checkbox ticked all single images linking to\"Attachment Page\" will open Lightbox instead of that page. This behavior CANNOT be overriden for individual images.\r\n\r\n#### Disabling the feature\r\n\r\nSince content of the post is not modified in any way turning Jetpack/Carousel or this newly added feature toggle checkbox off and on does not cause any side effects that would need any special attention.\r\n\r\n## Notes for developers\r\n\r\n#### Settings\r\n\r\nAdd a checkbox to \"Settings > Media\", visible when Jetpack/Carousel is enabled. Mind the translations.\r\n\r\n#### Post page\r\n\r\nWhen Jetpack/Carousel and feature toggle are on launch JavaScript that will process all images present on page with logic ~ like this:\r\n\r\n```\r\nforeach( images as img ) {\r\n  if( img.links_to_attachment_page ) {\r\n    img.click(function() {\r\n      create carousel gallery for that single image\r\n      open this gallery\r\n    })\r\n  }\r\n}\r\n```\r\n\r\n#### Add Media/Image Settings modals\r\n\r\nNo actions needed.\r\n\r\n#### Responsible: @bwilczek\r\n#### Last Updated: 2016-10-27 20:15 CEST (by @bwilczek)\r\n"},"comment":{"url":"https://api.github.com/repos/Automattic/jetpack/issues/comments/256728986","html_url":"https://github.com/Automattic/jetpack/issues/5431#issuecomment-256728986","issue_url":"https://api.github.com/repos/Automattic/jetpack/issues/5431","id":256728986,"user":{"login":"samhotchkiss","id":574752,"avatar_url":"https://avatars.githubusercontent.com/u/574752?v=3","gravatar_id":"","url":"https://api.github.com/users/samhotchkiss","html_url":"https://github.com/samhotchkiss","followers_url":"https://api.github.com/users/samhotchkiss/followers","following_url":"https://api.github.com/users/samhotchkiss/following{/other_user}","gists_url":"https://api.github.com/users/samhotchkiss/gists{/gist_id}","starred_url":"https://api.github.com/users/samhotchkiss/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/samhotchkiss/subscriptions","organizations_url":"https://api.github.com/users/samhotchkiss/orgs","repos_url":"https://api.github.com/users/samhotchkiss/repos","events_url":"https://api.github.com/users/samhotchkiss/events{/privacy}","received_events_url":"https://api.github.com/users/samhotchkiss/received_events","type":"User","site_admin":false},"created_at":"2016-10-27T18:26:06Z","updated_at":"2016-10-27T18:26:06Z","body":"Sounds good to me!  @MichaelArestad, any further input?"}}
{"actor":{"display_login":"samhotchkiss"}}