When left arrow is click the two boxes will move to the left.
When right arrow is click the two boxes will move to the right.
Images must be no limit, because it’s fetching the images from Database.
Responsive, when I minimize the Internet browser, it should fit the page and remove one box to fit the page.
Actually the original idea is, it suppose to have 8 boxes and when minimize reduces to 4 boxes and then 2 boxes.
But to make it simple, I want to start with two boxes only.
Okay I will start coding the CSS for boxes and arrow heads…
The reason I asked was that, if you will always just have two boxes showing, and that two new boxes will appear each time you click an arrow, then there are lots of sliders ready made for that. May favorite is bxSlider, which has a lot of great features, including swiping on tablets/phones and responsiveness built in.