I need to make a carousel / slideshow of images only it happens inside another image.
Example:
I have this picture of the notebook in png, the slideshow should happen inside his screen. However, controls like arrows and "balls" to indicate which image is being displayed should be outside the notebook.
I'mverynewtothis,doesanyoneknowifIcandothisandcanyoushowmeaway?
EDIT:Inadditiontoallmyslidesarewithproblem..followexampleinjsfiddlethanIhavesofarinjsfiddle link
See working on Fiddle: link
What I did was create a div #notebook that will be the container of the slider and put the image of the notebook as background of that div.
Then I defined the dimensions and placed the slider div in the center inside the notebook's monitor.
I modified the positioning of the arrows and "balls" to keep them out.
Well, all this will depend a lot on the size you want the notebook image. If it is to increase or decrease, just make the necessary adjustments.
