Результаты поиска
Введите запрос, по завершению нажмите Enter.
ФорумБлогиМануалыНовые постыЛюди
  • Страница 1 из 1
  • 1
Форум » uCoz » Вопросы по uCoz » Авто абрезание изображения
Авто абрезание изображения
Отправлено 12.07.2012 - 12:491
Пользователь
124 сообщения
Мужчина
У меня на сайте, при добавлении нужно указать изображение. Заливаю я его в полном размере, оно выглядит примерно вот так (после добавления):


Но мне нужно, чтобы это изображение отображалось не в полную высоту, то есть так (обрезанный вариант):


То есть, так называемый auto-size. Помогите с данным решением, ибо всегда обрезать картинки - не вариант.
Профиль Личное сообщение Дом. страница icq Skype
7
Отправлено 12.07.2012 - 12:532
Нет аватара
Бывалый
881 сообщениий
Мужчина
Берём 2 div'a.
И пишем что-то такое :)
Я точно не помню)

Code
<div style="border:3px solid #ccc;">
<div style="overflow:hidden;max-height:300px;">

<img src="" border="0" width="100%"/>

</div>
</div>
Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 12.07.2012 - 12:553
Бывалый
273 сообщения
Мужчина
Есть такая штука в css как overflow:hidden, пример
Code

<div style="overflow:hidden;width:500px;height:150px;">
<img src="ТВОЁ ИЗОБРАЖЕНИЕ" style="max-width:500px;">
</div>

Вместо 500 ставишь свою максимальную ширину, вместо 150 - свою максимальную высоту. Если твоё изображение будет преувеличевать этот размер, часть изображения просто не будет показыватся
Профиль Личное сообщение Дом. страница icq Skype
31
Отправлено 12.07.2012 - 12:584
Нет аватара
Бывалый
881 сообщениий
Мужчина
neogame12, border:3px solid #ccc; - в таком способе плохо отображается, а именно в месте обрезки (в нашем случает - это внизу) не отображается border, поэтому нужно 2 div'a прописывать)
Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 12.07.2012 - 12:595
Бывалый
273 сообщения
Мужчина
Ну это я знаю, я просто показал пример кода с обрезанием
Профиль Личное сообщение Дом. страница icq Skype
31
Отправлено 12.07.2012 - 13:046
Пользователь
124 сообщения
Мужчина
А вот еще такой вопрос, $IMG_URL1..10$. Я когда добавляю статью, к этой статьей изображения, они не имеют стиля. Можно ли им задать стиль? К примеру тоже уменьшение?
Профиль Личное сообщение Дом. страница icq Skype
7
Отправлено 12.07.2012 - 13:087
Нет аватара
Бывалый
881 сообщениий
Мужчина
F0rlike, Можно) Если именно уменьшение, то в теге <img > нужно просто прописать width="Ваш размер", если именно украсить изображение, чтобы оно было интересным, то можно всякой прикольной штучки добавить, например:

Code
<img src="$IMG_URL1$" border="0" width="500px" class="img_post">

<style type="text/css">
.img_post {border:3px solid #ccc;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
</style>


Всё в ваших руках и голове :)
Профиль Личное сообщение Дом. страница icq Skype
38
Отправлено 12.07.2012 - 13:098
Пользователь
124 сообщения
Мужчина
ты не со всем понял меня, но толкнул на выход из проблемы ^^
Профиль Личное сообщение Дом. страница icq Skype
7
Форум » uCoz » Вопросы по uCoz » Авто абрезание изображения
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2025
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация