Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML и картинка / 6 сообщений из 6, страница 1 из 1
27.03.2010, 20:47:22
    #36546423
jediAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML и картинка
Здравствуйте, уважаемые специалисты. У меня такая задача: необходимо на веб-страницу вставить картинку, при этом с помощью HTML изменить её форму - у прямоугольной картинки сделать округленным один из углов. Картинку добавляю тегом IMG, а как можно изменить форму - не могу разобраться... Помогите пожалуйста
...
Рейтинг: 0 / 0
27.03.2010, 21:04:27
    #36546438
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML и картинка
Проще всего на самой картинке нарисовать закругление (если это PNG, то можно прозрачным цветом)
...
Рейтинг: 0 / 0
27.03.2010, 21:17:27
    #36546447
jediAlex
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML и картинка
Спасибо за ответ, но я не сам это придумал - получил такое задание...именно на HTML сделать...Получается, как то надо на HTML.... рисовать не пройдет
...
Рейтинг: 0 / 0
27.03.2010, 22:07:51
    #36546489
iConst
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML и картинка
jediAlex,

Это?
...
Рейтинг: 0 / 0
28.03.2010, 01:53:22
    #36546598
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML и картинка
Если подложка страницы под картинкой одноцветная однородная, то просто поверх картинки размещаешь картинку-уголок, которая "эмулирует" скругленный угол. Если же неодноцветная или неоднородная, то, к сожалению, средствами разметки страницы не получится.

А почему не пройдет рисованием? - Имеем ссылку на картинку (ее адрес), но в тэг img вставляем код типа такого: <img src="/get_rouded_picture?url=real_address_picture">, а на сервере с помощью библиотек отрезаешь у картинки чего надо и отдаешь сформированную картинку респонсом бинарным потоком с заголовком png-файла. Реально клиент "думает", что получил пнг с прозрачным уголком и исходная картинка нетронута.
...
Рейтинг: 0 / 0
29.03.2010, 13:33:44
    #36548037
neznau
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML и картинка
jediAlex,

в див помещаем твой img, далее js-ом (или он тоже не подходит?) прицепляем нужную картинку-уголок в данный див выставляя у него стиль z-index больше чем у исходного img, и позиционируя его в нужном угле внутри дива. т.о. можно задавать, какой именно угол должен быть скругленным, а не "зашить" округлось в html.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML и картинка / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]