ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выделить часть картинки
25 сообщений из 35, страница 1 из 2
  1  все
выделить часть картинки
    #36397144
vanderv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vanderv
Участник
Здравствуйте... помогите пожалуйста реализовать..
Допустим есть фото... мне нужно выделить отдельный участок... тобеж чтоб вся фото стала чёрной а определённый участок остался без закрашивания... фото я закрашиваю через css:
---------
opacity:1;
-moz-opacity:1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
-khtml-opacity:1;
background-color:#000;
---------
Но как выделить какойнить участок я не знаю... думаю может как-нибудь через тег area??? Только как ему задать цвет??? У меня не получалось.. Буду рад любой информации. заранее благодарю.
...
Рейтинг: 0 / 0
04.01.2010, 20:36
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397199
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
vandervДопустим есть фото... мне нужно выделить отдельный участок... тобеж чтоб вся фото стала чёрной а определённый участок остался без закрашивания...
Как вариант, сделать еще одну картинку с прозрачной "дыркой" нужного формата... Затем наложить такую картинку на оригинал. Т.о. можно получить видимость того, что тебе требуется...
...
Рейтинг: 0 / 0
04.01.2010, 21:36
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397222
vanderv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vanderv
Участник
как вариант но только если нужен один участок... а если их много???
...
Рейтинг: 0 / 0
04.01.2010, 21:56
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397246
vanderv
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vanderv
Участник
а вообще есть способы искривить область div??? я сейчас виду к тому что создать область и вней делать те самые дырки.... этой области задать цвет!... я думаю может javascript такое сможет???
...
Рейтинг: 0 / 0
04.01.2010, 22:13
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397507
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
vandervа если их много???
Делать много таких картинок с дырками...
...
Рейтинг: 0 / 0
05.01.2010, 09:49
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397510
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
vandervа вообще есть способы искривить область div???
Область ДИВа - прямоугольник по определению.
...
Рейтинг: 0 / 0
05.01.2010, 09:50
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397516
Фотография Green2
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Green2Привилегированный пользователь
Модератор форума
во флешке можно сделать это


Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
05.01.2010, 09:53
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397640
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
При выделении куска фото все остальное сверху "заложить" дивами - так сказать, сэмулировать затемнение картинки (можно даже сделать еле-еле прозрачными для эффекта затемнения) - нужно всего 4 дива.
Если больше областей, то а) не совсем понятно, что выделять - область-то затемнена или б) сделать алгоритм затемнения бОльшим количеством дивов.
А серверу отдавать только координаты, а он уже будет "резать" картинку в соответствии с координатами.
...
Рейтинг: 0 / 0
05.01.2010, 12:20
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397812
Фотография dmitriyche
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dmitriyche
Участник
krvsa,

я бы не был так уверен и смех здесь лишний.
...
Рейтинг: 0 / 0
05.01.2010, 14:18
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397828
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
vanderv,

можете посмотреть, как это реализовано тут:
можно покопаться под дебагом firebugом

http://www.mikesdotnetting.com/Article/95/Upload-and-Crop-Images-with-jQuery-JCrop-and-ASP.NET
...
Рейтинг: 0 / 0
05.01.2010, 14:25
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397841
Фотография dmitriyche
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dmitriyche
Участник
Вот треугольный див
...
Рейтинг: 0 / 0
05.01.2010, 14:31
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36397875
Zoria
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Zoria
Участник
dmitriyche,

здоровски. а как текст в этот треугольник поместить? :)
...
Рейтинг: 0 / 0
05.01.2010, 14:54
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36398040
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dmitriycheВот треугольный див
Пример конечно ооочень заинтересовал. Но ДИВ от этого треугольным не стал. Он как занимал прямоугольную область - так и занимает.
Вот т.с. "обратная" иллюстрация.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="RU">
    <head>
        <title>
            Треугольник
        </title>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251;" />
        <style type="text/css">
            div.new{
                border-bottom:100px solid #FF8400;
                border-left:60px solid #FFFFFF;
                border-right:60px solid #FFFFFF;
                margin-bottom:30px;
                width: 0 ;
            }
			#my {
				background-color: green;
				padding: 20px;
			}
        </style>
    </head>
    <body>
		<div id='my'>
	        <div class="new">
	        </div>
        </div>
    </body>
</html>
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
05.01.2010, 16:49
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399026
Фотография dmitriyche
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dmitriyche
Участник
krvsa,

да, див на самом деле прямоугольная область, но что скажете по поводу атачмента?
...
Рейтинг: 0 / 0
06.01.2010, 15:43
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399029
Фотография dmitriyche
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dmitriyche
Участник
и скрин
...
Рейтинг: 0 / 0
06.01.2010, 15:44
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399033
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dmitriycheдив на самом деле прямоугольная область
Вот этои скажу.

Но примеры безусловно интересные. Х/з конечно где такое применить... Но все же.
...
Рейтинг: 0 / 0
06.01.2010, 15:48
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399048
Фотография dmitriyche
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dmitriyche
Участник
возможно топикстартеру и поможет, хотя, ваш первый пост в этой теме как одно из верных решений.
Но, возможно, мои примеры кому-нибудь и понадобятся :)

зы оч рекомендую увидеть это - нужно всего-лишь поводить мышкой по телу девушки ;)
...
Рейтинг: 0 / 0
06.01.2010, 15:56
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399049
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dmitriyche , у меня такие вопросы к тебе...
- Зачем в ЦССе приписываешь селектор тега к селектору класса. Ведь других тегов с таким классом у тебя нет...
- Зачем используешь селекторы класса, хотя сами названия классов у тебя уникальны?
...
Рейтинг: 0 / 0
06.01.2010, 15:57
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399063
Фотография dmitriyche
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dmitriyche
Участник
krvsa dmitriyche , у меня такие вопросы к тебе...
- Зачем в ЦССе приписываешь селектор тега к селектору класса. Ведь других тегов с таким классом у тебя нет...
- Зачем используешь селекторы класса, хотя сами названия классов у тебя уникальны?
Чтобы было понятнее.
Времена, когда считался каждый байт переданной информации и стоил недёшево, ушли в лету.
Когда возвращаешь к проекту через года пол, то оч сложно сразу въехать в то что тобой же написанно.
По этой причине в реальных проектах пишу в цсс так:
Код: plaintext
1.
2.
3.
div#header ul#header-navigator{
    /*some css-styles*/
}
Ещё один момент, в вопросах он не прозвучал, - это писать стили в алфавитном порядке.


зы я за понятность
зыы я никого не пытаюсь учить делать так как это делаю я
...
Рейтинг: 0 / 0
06.01.2010, 16:07
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399071
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dmitriycheвозможно, мои примеры кому-нибудь и понадобятся :)
Я так ихсебе скопировал... Т.с. в копилочку...

dmitriycheзы оч рекомендую увидеть это - нужно всего-лишь поводить мышкой по телу девушки ;)
Девка сделана оочень прикольно!
Но сам сайт полный отстой. Я только поклацал по менюшке... Он разноцветный как х/з кто. Нафига им девка интересно?
Фотку девки я там нашел... А вот где проводочки х/з... Как это они реализовали?
...
Рейтинг: 0 / 0
06.01.2010, 16:12
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399072
Фотография dmitriyche
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dmitriyche
Участник
krvsa dmitriyche , у меня такие вопросы к тебе...
- Зачем используешь селекторы класса, хотя сами названия классов у тебя уникальны?
ИМХО
Это ещё не факт. Экзеипляров этого класса может быть сколько угодно (в процессе ковыряния, игр и проч), а документ должен оставаться валидным в любом случае.
...
Рейтинг: 0 / 0
06.01.2010, 16:13
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399076
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dmitriycheЕщё один момент, в вопросах он не прозвучал, - это писать стили в алфавитном порядке.
Этого я вообще не ожидал...

dmitriycheзы я за понятность
Вот я и интересуюсь как, кто и зачем делает так или иначе. Поскольку "понятность" дело относительное.
...
Рейтинг: 0 / 0
06.01.2010, 16:15
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399080
Фотография dmitriyche
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dmitriyche
Участник
krvsa
Девка сделана оочень прикольно!
Но сам сайт полный отстой. Я только поклацал по менюшке... Он разноцветный как х/з кто. Нафига им девка интересно?
Фотку девки я там нашел... А вот где проводочки х/з... Как это они реализовали?
Этот сайт студия Лебедева делала. Скорее всего, мнением клиента особо не интересовались.
Сам когда-то фаербагом пробовал разобрать реализацию, но как увидел сколько дивов образует один кружочек, понял что дело не благодарное. Но в плане механизма построения ребята молодцы:)
...
Рейтинг: 0 / 0
06.01.2010, 16:19
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399084
Фотография dmitriyche
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dmitriyche
Участник
krvsa
Вот я и интересуюсь как, кто и зачем делает так или иначе. Поскольку "понятность" дело относительное.
Не могу не согласиться:)
Сейчас увлёкся шаблонами проектирования и рефакторингом кода. Начал зачитываться Кетом Беком. Он пишет очень умные мысли. Сейчас попытаюсь найти и процитировать.
...
Рейтинг: 0 / 0
06.01.2010, 16:22
| Ответить | Цитировать | Написать  
выделить часть картинки
    #36399095
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dmitriycheЭтот сайт студия Лебедева делала.
О!
Он вроде как гуру в дизайне. Значит я не понял их авангардистских идей...

Но полюбому с бабой они переборщили.
...
Рейтинг: 0 / 0
06.01.2010, 16:29
| Ответить | Цитировать | Написать  
25 сообщений из 35, страница 1 из 2
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / выделить часть картинки
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36399048&tid=1453729]:
 0ms
get settings:
 9ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 172ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 66ms
get tp. blocked users:
 1ms
others: 236ms
total:  519ms
созд. / загр.: 519ms
x
x
Закрыть


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