Hi, I am trying to make a full width (browser edge to browser edge) responsive slide show. The trouble I am having is with the height and background. I want to add a gradient/color background to my featured div (where the slideshow will be placed) and have the images, using the slide transition, slide from out of the side of the browser window with no margin space on either side. I don't want it to look like the slides are coming out of thin air. I am also trying to accommodate, as best as possible, the new retina displays, so right now, I am using .png's the largest possible width of the slideshow screen/browser window (say 2880px wide). I would rather use a waaayyy smaller image, as my images are not necessarily filling the width of the screen but, because the images have to be the same size of the slide show px width in the settings this is the way I have had to set it up. Is there another way to set this up that I am missing? For example if my actual images are really only half the actual browser window width, (which would be at most - figure on the widest screen out there, 2880px by apple, 1440px wide), isn't there a way to separate the slideshow width from the image width so that I can let the images slide from the actual side of the browser window but yet still show my smaller images (half the screen width) without having to upload such huge .png files for each slide?
I hope this would be possible, thx so much, If I could get this slideshow to accommodate this somehow, this it would be soooo helpful.