X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Закругление краев у каритинки <img>
FightInGlory
FightInGlory
Topic Starter сообщение 16.12.2010, 12:15; Ответить: FightInGlory
Сообщение #1


Я знаю, что существует куча способов закруглить края, но мне нужен способ именно для изображения. Что-то подобное я видел на хабре, но никак не могу найти. Конкретно меня интересуют способы под IE.
Использование хаков js не подходит, т.к. ie ,будет жутко тормозить, на странице будет много таких картинок.
<div>
<img src="путь к картинке" alt=""/>
</div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 16.12.2010, 12:25; Ответить: locky-yotu
Сообщение #2


без хаков только по старинке, имхо. разместить картинку в относительно спозиционированном блоке, и в нем же разместить по углам 4 картинки с абсолютным позиционированием, которые будут накладываться сверху на картинку, тем самым имитируя ее "скругленность". ну или то же самое, только вместо 4-х картинок использовать спрайт.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
Topic Starter сообщение 16.12.2010, 12:30; Ответить: FightInGlory
Сообщение #3


Это я тоже знаю, но проблема в том, что фон у меня разный, а значит я не могу создать такие края, т.к. из-за транспарентности углов будет видна сама картинка или же если без транспарентности узлы будут видны.
Я точно помню, что видел такую статью на хабре, там еще говорилось что единственный минус в том, что там 2 запроса, а не один и работал он во всех ослах, без хаков, только чистый css. Но как всегда я потерял текстовик ссылкой и теперь готов себе руки оторвать за это.
Кстати способ гугла с отступами тоже мне не проходит)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 16.12.2010, 12:57; Ответить: locky-yotu
Сообщение #4


ну как вариант сделать спрайт с закруглениями, соответствующими всем вариантам фона, и в соответствии с классом родительского элемента, определяющего фон, соответственно менять background-position у спрайта.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
locky-yotu
locky-yotu
сообщение 16.12.2010, 13:01; Ответить: locky-yotu
Сообщение #5


ну или как-то так: http://habrahabr.ru/blogs/css/107093/
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
Topic Starter сообщение 16.12.2010, 13:14; Ответить: FightInGlory
Сообщение #6


Вот, вот, вот это я искал, пасиба... но я чет думал что он без хака для ие. Ну да ладно. Еще раз спасибо.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
InviS
InviS
сообщение 16.12.2010, 13:17; Ответить: InviS
Сообщение #7


А js сильно тормозит страницу? Всегда почти использую его для скругления. Проблемы появляются только когда на скругляемом элементе присутствует обводка, а фон - градиент. Вроде не тормозило, но много картинок никогда не было :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
Topic Starter сообщение 16.12.2010, 13:29; Ответить: FightInGlory
Сообщение #8


Когда-то я пробовал такой способ у меня было на странице много картинок и очень тормозило, но в этот раз их примерно 10 штук, может больше, вот вечером и посмотри лагает или нет)
Когда нужно закругления делать и там нет градиента использую способ с булитами, никаких хаков, ни скриптов и кроссбраузерный, но есть минус, радиус лучше не трогать)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Tati_2000
Tati_2000
сообщение 16.12.2010, 13:50; Ответить: Tati_2000
Сообщение #9


а почему просто картинки не обрезать? я просто любопытствую. Насколько оправдано применение скриптов и т. д. в чем цель?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
Topic Starter сообщение 16.12.2010, 13:58; Ответить: FightInGlory
Сообщение #10


А как вы будете наполнять сайт? Допустим ваше изображение это картинка новости, каждый раз резать? Или если это маленькая картинка от видео и так далее. Причин может быть много, конечно, там где возможно лучше без скриптов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Резиновая вёрстка + img
3 LWDM 3654 26.9.2012, 17:53
автор: -Bugnet-
Открытая тема (нет новых ответов) img>img;img;img через onmouseover
1 Langepas_hb 8708 4.11.2008, 1:29
автор: -Galen-


 



RSS Текстовая версия Сейчас: 29.3.2024, 17:20
Дизайн