Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Превью, Hints 
:(
    Опции темы
PARROT
Дата 20.3.2005, 11:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 1
Всего: 50
Помогите написать такую вещь:
При наведении на ссылку моего меню, рядом должна показаться фотография трактора, до перехода по ссылке. То есть превью.
В поиске не нашла.
smile


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
-=Ustas=-
Дата 20.3.2005, 13:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


Профиль
Группа: Участник Клуба
Сообщений: 2222
Регистрация: 21.1.2005
Где: Краснодар

Репутация: нет
Всего: 69
Если хочешь, то можешь так:
Код

<head>
    <script language="JavaScript"> 
    <!-- 
        function PreviewImage (a) 
        { 
            document.images [0] .src=a 
        } 
    --> 
    </script>  
</head>
<body>
    <a href="your_page.html" onMouseOver="PreviewImage('your_image.jpg')" onMouseOut="PreviewImage('default_image.jpg')">your_link</a><br>
    <img src="default_image.gif" name="tool" >
</body>

<img > можешь ставить куда угодно.


--------------------
В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----
PM WWW ICQ Skype   Вверх
PARROT
Дата 20.3.2005, 19:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 1
Всего: 50
Написала вот так, но работает криво.

Код

<tr>
<td><a href="index.php" onMouseOver="PreviewImage('pic/k_700td_04.jpg')" onMouseOut="PreviewImage('pic/blank.gif')">Тракторы</a><br></td>
<div style="position: absolute; top: 110; left: 160; z-index: 0;">
<img src="pic/blank.gif" name="tool" >
</div>
</tr>


Картинка появляется, но не рядом со ссылкой, а в самом верху. Попробовала в div засунуть, ничего не получилось.
Меню обычное. Слева.

smile
И желательно с объяснениями. Спасибо!


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
Aliance
Дата 20.3.2005, 21:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137
PARROT
Вот тут уже обсуждалось такое, точнее похожее, но код, который я дал - рабочий и для картинок (а в том, что туда можно вставлять и текст - только плюс):
http://forum.vingrad.ru/index.php?showtopi...=0&#entry351436


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
PARROT
Дата 20.3.2005, 22:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 1
Всего: 50
Это все понятно.
Сложно когда, ничего в яваскрипт не понимаешь и ссылки на сабж ничем помочь не могут, только если запутать в конец.
И убьет меня завтра директор, за не сделанную работу и оставит без зарплаты.
smile


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
-=Ustas=-
Дата 20.3.2005, 23:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


Профиль
Группа: Участник Клуба
Сообщений: 2222
Регистрация: 21.1.2005
Где: Краснодар

Репутация: нет
Всего: 69
Если же тебе надо куда-то привязать эту картику, то зачем же ты используешь абсолютое позиционирование
Цитата(PARROT @ 20.3.2005, 19:12)

<div style="position: absolute; top: 110; left: 160; z-index: 0;">
<img src="pic/blank.gif" name="tool" >
</div>

вставляй куда тебе нужно только эту строку:
Код

<img src="pic/blank.gif" name="tool" >

ты же сама наверх ее отправляешь -
Цитата
top: 110; left: 160;
.


--------------------
В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----
PM WWW ICQ Skype   Вверх
PARROT
Дата 20.3.2005, 23:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 1
Всего: 50
Я и так пробовала. Все тщетно.


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
-=Ustas=-
Дата 20.3.2005, 23:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


Профиль
Группа: Участник Клуба
Сообщений: 2222
Регистрация: 21.1.2005
Где: Краснодар

Репутация: нет
Всего: 69
Что-то я тебя не пойму, тебе куда надо поместить эту картинку?


--------------------
В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----
PM WWW ICQ Skype   Вверх
PARROT
Дата 20.3.2005, 23:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 1
Всего: 50
Слева открывающееся меню.
Меню открывается, там есть ссылки на технику при наведении на ссылку должна появляться картинка этой техники, рядом с меню или чуть вправо.


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
Aliance
Дата 20.3.2005, 23:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137
Делаем невидимый слой, при наведении делаем его видимым, а координаты вычисляются относительно мыши, все просто, ссылку с готовым кодом дал. Чего еще не понятного может быть?
http://files.vingrad.ru/Aliance/hints.html


--------------------
• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript
PM MAIL WWW ICQ Skype   Вверх
PARROT
Дата 20.3.2005, 23:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Экс. модератор
Сообщений: 2339
Регистрация: 5.1.2005
Где: Спб-ЦарьГрад

Репутация: 1
Всего: 50
Попробую. Спасибо! Большое!


--------------------
Безумный утешается прошедшим, слабоумный - будущим, умный - настоящим!
PM MAIL   Вверх
-=Ustas=-
Дата 21.3.2005, 00:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ustix IT Group
****


Профиль
Группа: Участник Клуба
Сообщений: 2222
Регистрация: 21.1.2005
Где: Краснодар

Репутация: нет
Всего: 69
Цитата(Aliance @ 20.3.2005, 23:46)
http://files.vingrad.ru/Aliance/hints.html

Действительно, это даже красивше, и стильнее. smile


--------------------
В искаженном мире все догмы одинаково произвольны, включая догму о произвольности догм.
-----
PM WWW ICQ Skype   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0575 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.