Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Создание всплывающего окна при подводе курсора к элементу рисунка

Ответить
Настройки темы
Создание всплывающего окна при подводе курсора к элементу рисунка

Аватара для Codru

Ветеран


Сообщения: 1791
Благодарности: 229

Профиль | Отправить PM | Цитировать


Изменения
Автор: Codru
Дата: 08-03-2009
Для использования компа в уч.процессе необходимо, чтобы при подводе курсора к элементу рисунка всплывало окошко с описанием, например назначение органа управления.
Рисунки выполнены с нуля в Power Point. То что мог реализовать, так открытие другого слайда. В Front Page также желаемого результата не добился (я его еще слабо знаю).

Уверен, что подобное можно реализовать и для фотографий путем установления прозрачных зон над элементами фотографии, но как?
Пример рисунка приведен в прикрепленном файле.
Благодврю за помощь.

-------
Прощай OsZone


Отправлено: 14:03, 13-09-2008

 

Пользователь


Сообщения: 80
Благодарности: 2

Профиль | Отправить PM | Цитировать


Codru,
можно не использовать image map (карту образа), а составить картину из фрагментов (разрезать целую картинку на части так, чтобы выделить отдельные элементы, ручки управления, тумблеры и т.д.).
Появится возможность использовать "подсветку" этих элементов при подводе мышки (желатеьно чтобы пользователь визуально "зафиксировал" момент наведения на элемент). Реализуется заменой основной картинки на "подсвеченную".
Прикрепил простой пример, кликните 2 раза на popup.htm , появится картинка составленная из 4-х одинаковых фрагментов (для примера взял готовые фрагменты), при подведении мышки к диагональным фрагментам они изменяются .

-------
И подумал Миша, щёлкнув мышь не спеша,
что и комп - хорошо, и винда - хороша !


Последний раз редактировалось Dafi, 06-01-2010 в 21:41.

Это сообщение посчитали полезным следующие участники:

Отправлено: 18:50, 16-09-2008 | #11



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Аватара для Codru

Ветеран


Сообщения: 1791
Благодарности: 229

Профиль | Отправить PM | Цитировать


Спасибо за помощь. Пока сижу вспоминаю HTML, давно не занимался. Стараюсь претворить идеи в жизнь.
Единственное, пытаюсь найти разумное решение применимая без особой переделки к разным рисункам.
Работаю сейчас над предложением dmitryst

-------
Прощай OsZone


Отправлено: 22:27, 16-09-2008 | #12


Аватара для dmitryst

Ветеран


Сообщения: 7254
Благодарности: 905

Профиль | Отправить PM | Цитировать


Codru, ну так я вам специально сделал максимально упрощенный вариант, чтобы не пришлось вспоминать слишком много . Просто меняем рисунок и в Dreamweaver-е двигаем активные области. Если делать, как советует Dafi, придется делать по две картинки, резать их в фотошопе, потом склеивать в HTML-коде и так далее

-------
Осваиваю FreeBSD

Это сообщение посчитали полезным следующие участники:

Отправлено: 15:31, 17-09-2008 | #13


Новый участник


Сообщения: 3
Благодарности: 0

Профиль | Отправить PM | Цитировать


скрипт в яве при подведении курсора без руки и нажатия на текст

тихо у вас однако

Отправлено: 13:49, 27-12-2008 | #14


Пользователь


Сообщения: 80
Благодарности: 2

Профиль | Отправить PM | Цитировать


Viktor St
Это коментарий к вопросу или вопрос?

-------
И подумал Миша, щёлкнув мышь не спеша,
что и комп - хорошо, и винда - хороша !


Отправлено: 14:35, 04-01-2009 | #15


Новый участник


Сообщения: 3
Благодарности: 0

Профиль | Отправить PM | Цитировать


Dafi, в принципе был вопрос, спасибо, что среагировал. Я уже нашёл.

Отправлено: 14:59, 04-01-2009 | #16


Аватара для Codru

Ветеран


Сообщения: 1791
Благодарности: 229

Профиль | Отправить PM | Цитировать


Задача реализована через Adobe Flash CS3. Создает файл в формате *.fla. Для просмотра нужен Adobe Flash Player. Все довольно просто и удобно. Можно выводить не только текст, но и рисунок.
Если кого-то интересует, готов обьяснить как делается.

-------
Прощай OsZone


Отправлено: 09:39, 05-03-2010 | #17


Новый участник


Сообщения: 2
Благодарности: 0

Профиль | Отправить PM | Цитировать


Codru

Помогите разобраться, пишу сайт во флеше. Возникла проблема с привязкой левого меню (о компании, услуги и прочее) и вывода картинок в указанном месте сайта.
Более подробно: тело сайта разделено на три части , не считая самой шапки. 1) - левая часть меню, 2) середина - текст(картинки) 3) правая часть - другая инфа.
По умолчанию на главной странице загружается - текст (о компании). По нажатии любой ссылки из левого меню, текст "о компании" должен пропадать и появляться на его месте фотки.
При чём, при нажатии на фото, она должна увеличиться с текстовым описанием о ней.
вот скрин sderni.ru/77768

Помогите пожалуйста

Отправлено: 14:10, 12-03-2010 | #18


Аватара для Codru

Ветеран


Сообщения: 1791
Благодарности: 229

Профиль | Отправить PM | Цитировать


Вложения
Тип файла: rar молоко.rar
(29.9 Kb, 11 просмотров)

xabbep

1. На 1-м слое ввести свое меню, затем скопировать по одному пункту в каждом новом слое.
2. Закрыть все слои, кроме слоя с которым работаем. Кликом правой кнопкой мыши по пункту меню выбрать Convert to symbol, в откр. окне выбрать Button.
3. Двойной клик по пункту меню - появится слой с пунктами: Up, Over, Down, Hit.. Скопировать Up в остальные пункты (Over, Down, Hit.). Для чего клик правой кнопкой по Up --> Copy Frames и Paste Frames в остальные.
4. Создать 2-й слой. В Over клик правой кнопкой мыши --> Insert Keyframe и сkопируйте (перетащить) нужный рисунок. Для просмотра --> Control -->TestMovie

! С 3 и 4 пунктами можно поиграться, я во все тонкости не вникал.

Изменения внесены с целью проверить видны модераторам внесение изменений в "старые" посты. Хотя информация по существу, ее можно убрать.

Практическая реализация того о чем говорилось выше есть на http://www.catedramilitara.ucoz.ru/ под названием
Staţia radio R-123M (format .swf)

-------
Прощай OsZone


Последний раз редактировалось Codru, 03-10-2010 в 11:04. Причина: Проверка бдительности

Это сообщение посчитали полезным следующие участники:

Отправлено: 20:52, 12-03-2010 | #19


Новый участник


Сообщения: 2
Благодарности: 0

Профиль | Отправить PM | Цитировать


Я видимо не понятно изложил свои мысли. Нужно чтобы картинки, которые будут появляться при нажатии на ссылку не пропадали, а оставались на месте. Чтобы на любую из них можно было нажать и она увеличилась в размерах с описанием о ней. Например. Первая ссылка "Суши" , нажал, открылись фото суши. Ниже ссылка "Ролы" - открылись картинки с ролами и т.д. Могу скинуть на почту FLA.
Спасибо.

Отправлено: 11:24, 15-03-2010 | #20



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Создание всплывающего окна при подводе курсора к элементу рисунка

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Разное - Отключение всплывающего окна приложения Application Popup в Windows XP ashtraysy Microsoft Windows 2000/XP 3 16-03-2011 02:34
[решено] Событие при наведении курсора на обьект, и наоборот crashtuak AutoIt 6 10-08-2009 07:47
Интерфейс - [решено] при смещении курсора окно перестает быть активным marikva Microsoft Windows 2000/XP 5 24-01-2008 14:57
Изменение курсора при наведении dascon Вебмастеру 3 12-03-2007 19:51
изменение всплывающего окна при наведении на файл alexws Microsoft Windows 2000/XP 0 08-06-2006 12:01




 
Переход