Galeria zdjęć z równymi miniaturkami. Overflow; hidden?

Question

Witam, chcę stworzyć na swojej stronie galerie zdjęć złożoną z miniaturek, a po kliknięciu na środku ekranu otwierała by się całość zdjęcia. Z tym, że postawionym przeze mnie warunkiem, jest to, żeby każda z tych miniaturek była równiej szerokości i wysokości, np. 200px. wtedy spokojnie w divie powiedziemy o długości 1000px mógłbym wstawić 5 zdjęć. Nie jest dla mnie rozwiązaniem rozciąganie tych zdjęć. W sumie w założeniu sugeruję się tym jak to wygląda na typowej galerii facebooka (Przykład - http://imgur.com/Gf7Sj9P ). Nie zważając na wymiary tych zdjęć ładnie się prezentują w kwadracie. Próbowałem overflow: hidden, ale zdjęcie wychodzi z punktu tak jakby top: 0 i left: 0, więc przy większych zdjęciach (np. 1920x1280) widać niewielki fragment lewego górnego rogu i nic poza tym. Może da się ten overflow ustawić z jakiegoś punktu zdjęcia? Albo może jakiś plugin do galerii umożliwia coś takiego? Z góry dziękuje za pomoc. :)

Comments

Zmeń kategorie :)

---

Już zmieniona, nie dopatrzyłem przy pisaniu

Answer 1

Cześć, wydaje mi się lepszym rozwiązaniem być wykorzystanie

background-image: url()

 i dodanie do tego

background-size: cover;
background-position: center; 

Przygotowałem Ci małą próbkę: codepen.io

Comments

Wielkie dzięki za pomoc, tego potrzebowałem :)