Responsive image slider made with fullPage.js

I want to make a responsive image slider with fullPage.js.

The images should be always centered and expand to maximum 75 percent width or height of the window.

Below the centered and expanded images I want to display the title of the images.

My approach was to work with background images.

But now I can not place the title directly below the images because of the unknown height of the background image.

So if I scale the window the text sits just always on the same position and does not respond to the scaled image.

Under following link in section 1 you can see what I have so far:

http://www.aronsommer.com/test/fullPage/


Source: jquery

Leave a Reply