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



 

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

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

Открыть тему
Тема закрыта
> Тег <area> с картинкой
devi409
devi409
Topic Starter сообщение 22.1.2010, 20:32; Ответить: devi409
Сообщение #1


Уважаемые гуру в области HTML
Столкнулся с проблемкой не знаю как ее решить.
Сделал я с помощью тега <MAP> и тегов <AREA> необходимые мне области.
Вопрос а как наложить другую картинку размеры которой указаны в теге <AREA> поверх картинки указанной в <IMG>?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
UncleM
UncleM
сообщение 22.1.2010, 20:51; Ответить: UncleM
Сообщение #2


Не используйте map и area. Это плохой прием, так как начнутся проблемы, если юзер увеличит или уменьшит страницу.

В любом случае, вам понадобятся картинки, которые вы будете налаживать поверх основной слоями.

Ключевые CSS комманды: position:absolute; и z-index:2;

Хотя, есть несколько приемов, но все они связаны со слоями и указанием их позиций.


--------------------
Осторожно! Вы можете получить огромный заряд позитива!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devi409
devi409
Topic Starter сообщение 22.1.2010, 21:06; Ответить: devi409
Сообщение #3


огромное спасибо. Буквально сейчас нашел именно такие css команды.
И еще вопросик.
Как сделать чтобы при наведении на картинку рядом появилась другая картинка и описание к ней.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Flok
Flok
сообщение 22.1.2010, 21:57; Ответить: Flok
Сообщение #4


devi409,
может типа такого http://www.scriptsite.ru/examples/20091105/example1/
??
картинки "подпишитесь" , "кто мы" и "домой" появляются возле соответствующих им картин.

делается через невидимый span с position:relative, у которого меняется display на none / block

пардон за саморекламу ))

если не справитесь - помогу с конкретным написанием кода для конкретных картинок.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devi409
devi409
Topic Starter сообщение 27.1.2010, 17:05; Ответить: devi409
Сообщение #5


Ну что-то типа такого однако хотелось бы немного усложнить задачу.
имеется картинка и текст к ней.
При наведении мышки отобразить новый объект, окно, div или что там можно еще отобразить а внутри него поместить картинку и текст. Причем позиция должна быть привязана к мышке.
Таких объектов может быть много. Хотелось бы что бы отображаемые рисунки грузились только по мере обращения к ним.

ЗЫ: я понимаю что это не решается с помощью html поэтому если не служно пускай админы перенесут в раздел скриптов
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Flok
Flok
сообщение 27.1.2010, 18:13; Ответить: Flok
Сообщение #6


"позиция должна быть привязана к мышке"
без javascript не обойтись. Но в js мои знания слишком поверхностные, так что ждём ответа других людей )
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
devi409
devi409
Topic Starter сообщение 27.1.2010, 19:17; Ответить: devi409
Сообщение #7


Создам тему в разделе java скриптов :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тег H1 новостного сайта для главной станицы
1 mdobyshev 1265 26.11.2023, 17:38
автор: malamut
Открытая тема (нет новых ответов) Вывод изображения при наведения на часть картинки по area
1 androv77 4839 16.7.2016, 17:32
автор: -YroKPROG-
Открытая тема (нет новых ответов) Как на форуме реализовать тег alt к картинкам?
0 Mikele 2071 21.8.2014, 22:14
автор: Mikele
Открытая тема (нет новых ответов) Относительно выравнивание text area
2 80LevelElf 10088 22.8.2013, 16:54
автор: -80LevelElf-
Открытая тема (нет новых ответов) где найти такой плагин ? (слайд с фоном за картинкой)
2 coma 3576 6.9.2012, 19:52
автор: -coma2-


 



RSS Текстовая версия Сейчас: 23.4.2024, 10:38
Дизайн