За последние 24 часа нас посетили 17740 программистов и 1652 робота. Сейчас ищут 869 программистов ...

Прозрачность угла блока, или картинки

Тема в разделе "JavaScript и AJAX", создана пользователем morri_sun, 10 ноя 2011.

  1. morri_sun

    morri_sun Активный пользователь

    С нами с:
    10 ноя 2011
    Сообщения:
    2
    Симпатии:
    0
    Всем привет!

    нужно сделать вот такие рамки для картинок: http://file.qip.ru/photo/oXk_YPcA/site_02-3.html
    здесь, как бы, углы картинок обрезаются, и за ними виден фон.
    обычно это решается вырезанием и наложением рамки сверху, но, слишком запарно это получается:
    если вырезать всего одну рамку и наложить ее на все пять картинок, то накапливается сдвиг фона - виден шов.
    вырезать пять рамок - ну глупо же, мне кажется.
    возиться в фш, подбирая нужный размер рамки, высчитывая размеры блоков... нафига такие мучения.?

    Вопрос: нет ли какого-нибудь способа обработки изображения, или блока, при котором делались бы прозрачными определенные фрагменты? хоть по-пиксельно.
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Используй пнг уголок с прозрачностью. Т.е. рисуешь в фотошопе на прозрачном фоне угол. Кладешь его в див вместе с картинкой. Задаешь ему позишн в правый верхний и счастье.

    Вобще для пяти неменяющихся картинок проще ручками нарисовать.
     
  3. morri_sun

    morri_sun Активный пользователь

    С нами с:
    10 ноя 2011
    Сообщения:
    2
    Симпатии:
    0
    Проще - это как сказать...
    Хотелось бы иметь такой чудо-скрипт, который позволит обрезать края блоков как душе заблагорассудится: хочешь - уголки, хочешь - рваные края.
    Сейчас только и можно что по прямым углам резать, да по закругленным.
     
  4. sobachnik

    sobachnik Старожил

    С нами с:
    20 апр 2007
    Сообщения:
    3.380
    Симпатии:
    13
    Адрес:
    Дмитров, МО
    igordata
    если как ты говоришь, то, поскольку нарисованный уголок будет прозрачным, через него будет просвечиваться лежащая с ним в диве картинка, а не фон. Т.е. эффекта не будет.
    Есть вариант нарисовать один целиковый блок (панель эту вместе с уголками сразу):
    [​IMG]
    А внутри сделать "дырочки-прорези" (то, что серое на изображении) - прозрачным цветом (PNG). А под эту картинку-панель подкладывать в нужные места свои картинки.
    "Прорези" эти можно делать всяких разных хитровыдуманных форм.
     
  5. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    sobachnik
    я говорю нарисовать уголок на прозрачном фоне. читай внимательнее =)