{"action":"created","issue":{"url":"https://api.github.com/repos/afklm/ng-lazy-image/issues/46","labels_url":"https://api.github.com/repos/afklm/ng-lazy-image/issues/46/labels{/name}","comments_url":"https://api.github.com/repos/afklm/ng-lazy-image/issues/46/comments","events_url":"https://api.github.com/repos/afklm/ng-lazy-image/issues/46/events","html_url":"https://github.com/afklm/ng-lazy-image/issues/46","id":125990486,"number":46,"title":"Images already loaded","user":{"login":"igorissen","id":6919604,"avatar_url":"https://avatars.githubusercontent.com/u/6919604?v=3","gravatar_id":"","url":"https://api.github.com/users/igorissen","html_url":"https://github.com/igorissen","followers_url":"https://api.github.com/users/igorissen/followers","following_url":"https://api.github.com/users/igorissen/following{/other_user}","gists_url":"https://api.github.com/users/igorissen/gists{/gist_id}","starred_url":"https://api.github.com/users/igorissen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/igorissen/subscriptions","organizations_url":"https://api.github.com/users/igorissen/orgs","repos_url":"https://api.github.com/users/igorissen/repos","events_url":"https://api.github.com/users/igorissen/events{/privacy}","received_events_url":"https://api.github.com/users/igorissen/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2016-01-11T17:02:48Z","updated_at":"2016-01-21T09:27:12Z","closed_at":"2016-01-21T09:27:12Z","body":"Hi,\r\n\r\nI'm trying to lazy loading an horizontal list of images but all images already loaded without me having to scroll right.\r\n\r\nThis is my code.\r\n\r\n```html\r\n<ul class=\"episodes\" afkl-image-container>\r\n    <li ng-repeat=\"episode in season.episodes\" class=\"episode\">\r\n      <div class=\"ep-screenshot\">\r\n          <div afkl-lazy-image=\"{{episode.images.screenshot.thumb}}\" afkl-lazy-image-options='{\"offset\": 1000, \"className\": \"screenshot\"}' style='background: url({{showvm.landscapePlaceholder}});' class=\"afkl-placeholder\"></div>\r\n      </div>\r\n      <div class=\"ep-metadata\">\r\n          <p class=\"ep-header truncate\">\r\n              <a target=\"_blank\" ng-href=\"{{'episode.url}}\">\r\n                  <span class=\"ep-label\">{{episode.label}}</span>\r\n                  <span class=\"ep-title\" ng-if=\"episode.show_title\">{{episode.title}}</span>\r\n              </a>\r\n          </p>\r\n          <p class=\"ep-date\">{{episode.first_aired | date : 'EEEE, MMMM d, y h:mm a'}}</p>\r\n      </div>\r\n    </li>\r\n</ul>\r\n```\r\n\r\nAnd this is the resulted HTML code\r\n\r\n```html\r\n<div afkl-lazy-image=\"https://walter.trakt.us/images/episodes/000/073/967/screenshots/thumb/29228a478a.jpg\" afkl-lazy-image-options=\"{'offset': 1000, 'className': 'screenshot'}\" style=\"background: url(base64-image here);\" class=\"afkl-placeholder\" afkl-lazy-image-loaded=\"done\">\r\n    <img alt=\"\" class=\"afkl-lazy-image screenshot\" src=\"https://walter.trakt.us/images/episodes/000/073/967/screenshots/thumb/29228a478a.jpg\">\r\n</div>\r\n```\r\n\r\nAny idea?\r\n\r\nThanks."},"comment":{"url":"https://api.github.com/repos/afklm/ng-lazy-image/issues/comments/173513096","html_url":"https://github.com/afklm/ng-lazy-image/issues/46#issuecomment-173513096","issue_url":"https://api.github.com/repos/afklm/ng-lazy-image/issues/46","id":173513096,"user":{"login":"igorissen","id":6919604,"avatar_url":"https://avatars.githubusercontent.com/u/6919604?v=3","gravatar_id":"","url":"https://api.github.com/users/igorissen","html_url":"https://github.com/igorissen","followers_url":"https://api.github.com/users/igorissen/followers","following_url":"https://api.github.com/users/igorissen/following{/other_user}","gists_url":"https://api.github.com/users/igorissen/gists{/gist_id}","starred_url":"https://api.github.com/users/igorissen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/igorissen/subscriptions","organizations_url":"https://api.github.com/users/igorissen/orgs","repos_url":"https://api.github.com/users/igorissen/repos","events_url":"https://api.github.com/users/igorissen/events{/privacy}","received_events_url":"https://api.github.com/users/igorissen/received_events","type":"User","site_admin":false},"created_at":"2016-01-21T09:27:12Z","updated_at":"2016-01-21T09:27:12Z","body":"So... It work now after cleaning my code (HTML and CSS).\r\n\r\n```html\r\n<!-- OLD -->\r\n<div afkl-lazy-image=\"{{episode.images.screenshot.thumb}}\"\r\n        afkl-lazy-image-options='{\"offset\": 1000, \"className\": \"screenshot\"}'\r\n        style='background: url({{showvm.landscapePlaceholder}});'\r\n        class=\"afkl-placeholder\">\r\n</div>\r\n\r\n<!-- NEW -->\r\n<div afkl-lazy-image=\"{{episode.images.screenshot.thumb}}\"\r\n        afkl-lazy-image-options='{\"className\": \"screenshot\"}'>\r\n</div>\r\n```\r\n\r\nSorry about the inconvenience. And thanks for your help."}}