Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Фото разных размеров, как сделать через css, все одинаковые размеры ??

Фото разных размеров, как сделать через css, все одинаковые размеры ??

vlits 31.12.2013 Все вопросы » Общие вопросы по вёрстке 10368

вопрос

Первая картинка, фото разных размеров.

Фото разных размеров, как сделать через css, все одинаковые размеры ??

Вторая каартинка, через css можно как то сделать, что бы показыалась не вся фотка, а что бы показывалось определнная область фото, заданная по width и height.

а та часть что прозрачная css прячит и все.

Кто понял, и может мне подсказать как это реализовать.

Ответа пока нет

17 комментариев

Юзер

psarovskiy - 2015-06-0231 декабря 2013 14:09 - #20732

через css никак
через css фото либо растягивать либо сжимать до размеров родителя, обрезая и скрывая то, что выходит за пределы

PHP-developer

2583

vitnet - 2015-06-0231 декабря 2013 14:19 - #20733

max-width: ширина;
max-height: высота;
overlow: hidden;

http://htmlbook.ru/css/overflow

Юзер

108

vlits - 2015-06-0231 декабря 2013 15:38 - #20737

vitnet,

а как правильно сделать ?

я сделал так:

.apartfotofull img {
overlow: hidden;
max-width: 383px;
max-height: 250px;
}

Юзер

108

vlits - 2015-06-0231 декабря 2013 15:39 - #20738

он так не вырезает ! как я хотел
он просто выровнял картинки по height под 250

Юзер

108

vlits - 2015-06-0231 декабря 2013 15:41 - #20739

вышло так

PHP-developer

2583

vitnet - 2015-06-0231 декабря 2013 20:56 - #20756

Что-то вроде получилось http://jsfiddle.net/rEdVQ/38/

Юзер

108

vlits - 2015-06-0231 декабря 2013 15:45 - #20741

psarovskiy,
можно сделать, я делал, но не помню как.

Юзер

Dr.Parlament - 2015-06-0231 декабря 2013 16:04 - #20747

Вам может помочь файлик по имени timthumb.php.

Юзер

108

vlits - 2015-06-0231 декабря 2013 15:49 - #20742

я попробовал так:
html
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="13.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>
<a href="#"><img class="apartfotofull1" src="34390.jpg" /></a>

css
.apartfotofull1 {
width: 383px;
height: 250px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-html-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border: 1px solid #FFDDEF;
}

.apartfotofull1 img {
margin: 10px;
overflow: hidden;
max-width: 500px;
max-height: 500px;
}

Юзер

108

vlits - 2015-06-0231 декабря 2013 15:49 - #20743

так он растягивает :(

Юзер

108

vlits - 2015-06-0231 декабря 2013 16:07 - #20748

Цитата: Dr.Parlament

timthumb.php.

что это и для чего ?

Юзер

psarovskiy - 2015-06-0231 декабря 2013 18:31 - #20750

http://zavrab.com/kak-delat-kartinki-neobxodimogo-razmera-v-dle/

Юзер

neadekvad - 2015-06-021 января 2014 01:01 - #20761

https://code.google.com/p/timthumb/ + доп поле самый оптимальный вариант

<img src=".../timthumb.php?src=[xfvalue_доп_поле]&amp;h=размер&amp;w=размер&amp;zc=1" alt="{title}" title="{title}"/>

если я ничего не путаю конечно :)

Юзер

108

vlits - 2015-06-023 января 2014 06:31 - #20802

путаешь )

Юзер

108

vlits - 2015-06-023 января 2014 06:33 - #20803

зачем что то ставить и портить фото, http://zavrab.com/kak-delat-kartinki-neobxodimogo-razmera-v-dle/
это то же байда...

Юзер

108

vlits - 2015-06-023 января 2014 08:18 - #20804

вариант с центрованием
.apartfoto {
width: 366px;
height: 250px;
overflow: hidden;
border: 1px solid #FFDDEF;
margin: 10px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-html-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.apartfoto img {
top: 50%;
margin-top: -100px;
left: 50%;
margin-left: -100px;
max-width: 500px;
max-height: 500px;
}

Юзер

108

vlits - 2015-06-026 января 2014 13:39 - #20992

кто еще какие варианты знает ?
что бы показывалась фотка по центру

Похожие вопросы

Последние события

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
Вчера, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб

наверх