{"action":"created","issue":{"url":"https://api.github.com/repos/malsup/cycle2/issues/501","labels_url":"https://api.github.com/repos/malsup/cycle2/issues/501/labels{/name}","comments_url":"https://api.github.com/repos/malsup/cycle2/issues/501/comments","events_url":"https://api.github.com/repos/malsup/cycle2/issues/501/events","html_url":"https://github.com/malsup/cycle2/issues/501","id":31988663,"number":501,"title":"Overlay position - vary per slide?","user":{"login":"manderson725","id":7375136,"avatar_url":"https://avatars.githubusercontent.com/u/7375136?v=3","gravatar_id":"","url":"https://api.github.com/users/manderson725","html_url":"https://github.com/manderson725","followers_url":"https://api.github.com/users/manderson725/followers","following_url":"https://api.github.com/users/manderson725/following{/other_user}","gists_url":"https://api.github.com/users/manderson725/gists{/gist_id}","starred_url":"https://api.github.com/users/manderson725/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/manderson725/subscriptions","organizations_url":"https://api.github.com/users/manderson725/orgs","repos_url":"https://api.github.com/users/manderson725/repos","events_url":"https://api.github.com/users/manderson725/events{/privacy}","received_events_url":"https://api.github.com/users/manderson725/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2014-04-22T16:30:46Z","updated_at":"2015-12-23T21:47:15Z","closed_at":"2014-05-02T17:15:02Z","body":"It is possible for the overlay position to vary by slide? I'm pulling slides from a database table, and the overlay position can be in a variety of spots, but since there is only one overlay call for the slideshow, I'm wondering how i can set the placement per slide. Will I just need to figure out how to manipulate it with additional jquery or is there a way within cycle2. The db table contains a placement field, topleft, topright, bottomright and I'd like to set the overlay position based on those values, but right now I don't see a way within cycle2. Thank you for any help."},"comment":{"url":"https://api.github.com/repos/malsup/cycle2/issues/comments/166997424","html_url":"https://github.com/malsup/cycle2/issues/501#issuecomment-166997424","issue_url":"https://api.github.com/repos/malsup/cycle2/issues/501","id":166997424,"user":{"login":"CarlJohnston","id":6410886,"avatar_url":"https://avatars.githubusercontent.com/u/6410886?v=3","gravatar_id":"","url":"https://api.github.com/users/CarlJohnston","html_url":"https://github.com/CarlJohnston","followers_url":"https://api.github.com/users/CarlJohnston/followers","following_url":"https://api.github.com/users/CarlJohnston/following{/other_user}","gists_url":"https://api.github.com/users/CarlJohnston/gists{/gist_id}","starred_url":"https://api.github.com/users/CarlJohnston/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/CarlJohnston/subscriptions","organizations_url":"https://api.github.com/users/CarlJohnston/orgs","repos_url":"https://api.github.com/users/CarlJohnston/repos","events_url":"https://api.github.com/users/CarlJohnston/events{/privacy}","received_events_url":"https://api.github.com/users/CarlJohnston/received_events","type":"User","site_admin":false},"created_at":"2015-12-23T21:47:15Z","updated_at":"2015-12-23T21:47:15Z","body":"I just solved this issue using some JavaScript for anyone that stumbles upon this page.\r\n\r\n```javascript\r\njQuery('.cycle-slideshow-one').on('cycle-pager-activated', function(event, op\\\r\ntionHash) {\r\n    var thisOverlay = jQuery('.cycle-overlay');\r\n    var pagerIndex = optionHash.currSlide + 1;\r\n    var\tidName = 'overlay-' + pagerIndex\r\n    thisOverlay.attr('id', idName);\r\n});\r\n```\r\n\r\nSimply style your `overlay-#` definitions with your desired positions and add `position: absolute` to your `caption-overlay` class. Also make sure you add your initial `id` to the DOM for the initial page rendering.\r\n"}}