- Уеднаквяване на репонсив снимки
WT форуми -> HTML / Javascript / CSS -> Уеднаквяване на репонсив снимки
Създайте нова тема Напишете отговор 
Автор Съобщение
tyrla4eto
Нов
Нов

Регистриран на: 20/08/2011 8:13 pm

Support: 1
Bonus: 2
Мнения: 152
Мнение 16/06/2018 11:21 am     Уеднаквяване на репонсив снимки Отговорете с цитат


Здравейте,
Опитвам се да направя респонсив дизайн на сайт с bootstrap. Опитвам се да уеднаквя картинките, като те са с различни размери. Някой за по-големи, други по-малки. Идеята ми е да се визуализират с един и същ размер, но и да се преоразмеряват правилно. За всички снимки използвам този клас:

CSS code:

img {
border:0;
display:block;
max-height:160px;
height:auto;
max-width:100%;
width:100%;
}


Всички снимки стават с правилна дължина, но височината е различна на всички. Как мога да ги уеднаквя, без да им забивам конкретна стойност в IMG таг-а?
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 154
Bonus: 307
Мнения: 1419
Мнение 16/06/2018 12:02 pm     Re: Уеднаквяване на репонсив снимки Отговорете с цитат


Цитат:
Всички снимки стават с правилна дължина, но височината е различна на всички. Как мога да ги уеднаквя, без да им забивам конкретна стойност в IMG таг-а?


Не може хем да се преоразмеряват правилно, хем да имат еднакви размери.

Ако имаш картинка 100х100 и картинка 100х50, то ако искаш всички да са с еднакви размери, ще трябва правоъгълната да стане квадратна - т.е. губиш пропорциите.

Ако искаш да си запазят пропорциите, то тогава правоъгълната ще стане 200х100, за да имат еднакви височини - 100, но дължината на едната ще е 100, а на другата 200.

Няма как всички да имат еднакви размери, ако пропорциите са различни.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
tyrla4eto
Нов
Нов

Регистриран на: 20/08/2011 8:13 pm

Support: 1
Bonus: 2
Мнения: 152
Мнение 16/06/2018 5:03 pm      Отговорете с цитат


Значи вариантите са или да ги преоразмерявам преди да ги кача в сайта или да им забия конкретни стойности за височина и дължина за да се получи по начина по който искам?
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
anonimen
Активен
Активен

Регистриран на: 11/06/2012 8:07 pm

Support: 154
Bonus: 307
Мнения: 1419
Мнение 16/06/2018 5:51 pm      Отговорете с цитат


tyrla4eto написа:
Значи вариантите са или да ги преоразмерявам преди да ги кача в сайта или да им забия конкретни стойности за височина и дължина за да се получи по начина по който искам?


Не знам какво искаш. В предишния пост се опитах да ти кажа, че се опитваш да направиш две противоречащи си неща едновременно.

Ако имаш 2 снимки, 100х100 и 200х100, как искаш да излязат на екрана?
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
heytar
Нов
Нов

Регистриран на: 29/06/2015 9:28 am

Support: 1
Bonus: 2
Мнения: 71
Мнение 17/06/2018 9:21 am      Отговорете с цитат


https://bootsnipp.com/snippets/p1qAD
https://www.google.bg/search?q=bootstrap+masonry+image+gallery
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети