{"action":"closed","issue":{"url":"https://api.github.com/repos/OwlCarousel2/OwlCarousel2/issues/1507","repository_url":"https://api.github.com/repos/OwlCarousel2/OwlCarousel2","labels_url":"https://api.github.com/repos/OwlCarousel2/OwlCarousel2/issues/1507/labels{/name}","comments_url":"https://api.github.com/repos/OwlCarousel2/OwlCarousel2/issues/1507/comments","events_url":"https://api.github.com/repos/OwlCarousel2/OwlCarousel2/issues/1507/events","html_url":"https://github.com/OwlCarousel2/OwlCarousel2/issues/1507","id":167757043,"number":1507,"title":"Initial Carousel Image Shows, Others Are Blank but still clickable ONLY on mobile browsers","user":{"login":"cblaze22","id":556494,"avatar_url":"https://avatars.githubusercontent.com/u/556494?v=3","gravatar_id":"","url":"https://api.github.com/users/cblaze22","html_url":"https://github.com/cblaze22","followers_url":"https://api.github.com/users/cblaze22/followers","following_url":"https://api.github.com/users/cblaze22/following{/other_user}","gists_url":"https://api.github.com/users/cblaze22/gists{/gist_id}","starred_url":"https://api.github.com/users/cblaze22/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cblaze22/subscriptions","organizations_url":"https://api.github.com/users/cblaze22/orgs","repos_url":"https://api.github.com/users/cblaze22/repos","events_url":"https://api.github.com/users/cblaze22/events{/privacy}","received_events_url":"https://api.github.com/users/cblaze22/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-07-27T02:44:14Z","updated_at":"2016-07-27T03:08:06Z","closed_at":"2016-07-27T03:08:06Z","body":"This works perfectly fine in desktop browsers, even resized to a mobile size.  But on my iPhone Chrome and Safari the image is blank but still clickable.  Below I am showing the second image sliding it and is white.  You can view it on the top of this page, http://basketball.exposureevents.com/youth-basketball-events.  It maybe horizontal in width unless you resize the browser.\r\n\r\n![img_7872](https://cloud.githubusercontent.com/assets/556494/17162268/a346de74-5382-11e6-8531-6a2ce1381165.jpg)\r\n\r\n\r\n```\r\n\r\n<div class=\"main-ad owl-carousel\" data-bind=\"adCarousel: { stateRegion: events.stateRegion, url: 'http://example.com', carousel: { loop: true, autoplay: true, items: 1, smartSpeed:2000, lazyLoad: true, autoplayTimeout: 8000}}\"></div>\r\n\r\n ko.bindingHandlers.adCarousel = {\r\n        update: function (element, valueAccessor) {\r\n\r\n            var values = valueAccessor(),\r\n                image,\r\n                link,\r\n                li,\r\n                ad;\r\n\r\n            if (values.url) {\r\n\r\n                values.url = values.url + (values.url.indexOf('?') > 0 ? '&' : '?') + 'width=' + (window.innerWidth || 0);\r\n\r\n                if (values.stateRegion()) {\r\n                    values.url = values.url + '&stateRegion=' + (values.stateRegion() || '');\r\n                }\r\n\r\n                app.call({\r\n                    cancelRequest: false,\r\n                    showloader: false,\r\n                    url: values.url,\r\n                    success: function (ads) {\r\n\r\n                        if (typeof $(element).data('owl.carousel') != 'undefined') {\r\n                            $(element).trigger('destroy.owl.carousel');\r\n                            $(element).html('').removeClass('owl-loaded');\r\n                        }\r\n\r\n                        if (ads) {\r\n                            for (var i = 0; i < ads.length; i++) {\r\n                                ad = ads[i];\r\n\r\n                                li = $('<div class=\"owl-original\">');\r\n\r\n                                image = $('<img>', {\r\n                                    src: ad.Image,\r\n                                    alt: ad.Name,\r\n                                    'class': 'owl-lazy',\r\n                                    'data-src': ad.Image\r\n                                });\r\n\r\n                                link = $('<a>', {\r\n                                    target: '_blank',\r\n                                    title: ad.Name,\r\n                                    href: ad.Link\r\n                                });\r\n\r\n                                link.append(image);\r\n                                li.append(link);\r\n\r\n                                $(element).append(li);\r\n                            }\r\n                            $(element).owlCarousel(values.carousel);\r\n                        }\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    };\r\n```\r\n\r\n\r\n"}}
{"actor":{"display_login":"cblaze22"}}