Fullscreen images issues

Hi,

I was trying to use some images in a webpage.
The images are all full HD, but all that is shown are thumbnails or pixelated images (here) no matter if i simply place the image alone, inside a color box or in a column. What is weird, cause this should be straightforward, it is the basics of editing images. Reading the forum, i’ve found others users with the same problem and most of the solutions rely on custom css…

Some say it is better to use fullscreen sliders instead of images place holders….ok, just want it works!

… and it really worked better, but i’ve found another issue. As i want to use multiples images (one above the other) in a single page, i ‘ve placed fullscreen sliders (one above the other) with only one image each. But when you scroll the page down, the second image image start to overlap the first from the bottom and cutting it off before you finish scrolling the page to the next image. You may see what i mean here

So, is there a way to avoid this overlaping? I’ve tried to insert whitespaces between the sliders, but it didn’t look nice.

What is the best way to place fullscreen images, so you can set the image size and positioning, in a simple and intuitive way?

Any help will be appreciated,
thank you!

• This topic was modified 8 years, 8 months ago by artbava.