{"action":"created","issue":{"url":"https://api.github.com/repos/revolunet/angular-carousel/issues/246","labels_url":"https://api.github.com/repos/revolunet/angular-carousel/issues/246/labels{/name}","comments_url":"https://api.github.com/repos/revolunet/angular-carousel/issues/246/comments","events_url":"https://api.github.com/repos/revolunet/angular-carousel/issues/246/events","html_url":"https://github.com/revolunet/angular-carousel/issues/246","id":47798622,"number":246,"title":"Multiple Items but only move one item at a time","user":{"login":"sbberic","id":816412,"avatar_url":"https://avatars.githubusercontent.com/u/816412?v=3","gravatar_id":"","url":"https://api.github.com/users/sbberic","html_url":"https://github.com/sbberic","followers_url":"https://api.github.com/users/sbberic/followers","following_url":"https://api.github.com/users/sbberic/following{/other_user}","gists_url":"https://api.github.com/users/sbberic/gists{/gist_id}","starred_url":"https://api.github.com/users/sbberic/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sbberic/subscriptions","organizations_url":"https://api.github.com/users/sbberic/orgs","repos_url":"https://api.github.com/users/sbberic/repos","events_url":"https://api.github.com/users/sbberic/events{/privacy}","received_events_url":"https://api.github.com/users/sbberic/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2014-11-05T04:30:35Z","updated_at":"2015-04-28T20:20:35Z","closed_at":null,"body":"I saw a few issues filed before that suggests to put multiple items in a single li. My question is, is it possible to increase the viewport to show 3 items instead of 1 and scroll through them 1 item at a time.\r\ne.g.\r\n1 | 2 | 3 -> slide right  -> 2 | 3 | 4\r\ninstead of \r\n1 | 2 | 3 -> slide right  -> 4 | 5 | 6\r\n\r\nThanks\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/revolunet/angular-carousel/issues/comments/97196095","html_url":"https://github.com/revolunet/angular-carousel/issues/246#issuecomment-97196095","issue_url":"https://api.github.com/repos/revolunet/angular-carousel/issues/246","id":97196095,"user":{"login":"brotkel","id":7650889,"avatar_url":"https://avatars.githubusercontent.com/u/7650889?v=3","gravatar_id":"","url":"https://api.github.com/users/brotkel","html_url":"https://github.com/brotkel","followers_url":"https://api.github.com/users/brotkel/followers","following_url":"https://api.github.com/users/brotkel/following{/other_user}","gists_url":"https://api.github.com/users/brotkel/gists{/gist_id}","starred_url":"https://api.github.com/users/brotkel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brotkel/subscriptions","organizations_url":"https://api.github.com/users/brotkel/orgs","repos_url":"https://api.github.com/users/brotkel/repos","events_url":"https://api.github.com/users/brotkel/events{/privacy}","received_events_url":"https://api.github.com/users/brotkel/received_events","type":"User","site_admin":false},"created_at":"2015-04-28T20:20:35Z","updated_at":"2015-04-28T20:20:35Z","body":"It seems like this is already possible, just requires a couple tricks with the CSS.\r\nOn the carousel ul that has your rn-carousel attributes, set the css to have:\r\nwidth: (width of one of your slides);\r\noverflow: visible;\r\n\r\nWrap it inside of a container and set the container's width to whatever you want the total width of the all visible slides of your carousel and overflow: hidden;\r\n\r\nThe one thing that seems tricky with this is making the control buttons still get pushed to the outer edges of the container, which may just take playing with absolute positioning until you get them where you want them.\r\n\r\nAnyone see any issues with this method?"}}