Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Превью

Автор: PARROT 20.3.2005, 11:44

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

Автор: -=Ustas=- 20.3.2005, 13:06

Если хочешь, то можешь так:

Код


<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 > можешь ставить куда угодно.

Автор: PARROT 20.3.2005, 19:12

Написала вот так, но работает криво.

Код


<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

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

Автор: Aliance 20.3.2005, 21:20

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

Автор: PARROT 20.3.2005, 22:54

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

Автор: -=Ustas=- 20.3.2005, 23:13

Если же тебе надо куда-то привязать эту картику, то зачем же ты используешь абсолютое позиционирование

Цитата(PARROT @ 20.3.2005, 19:12)

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

Код


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

ты же сама наверх ее отправляешь -

Цитата

top: 110; left: 160;

Автор: PARROT 20.3.2005, 23:32

Я и так пробовала. Все тщетно.

Автор: -=Ustas=- 20.3.2005, 23:38

Что-то я тебя не пойму, тебе куда надо поместить эту картинку?

Автор: PARROT 20.3.2005, 23:44

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

Автор: Aliance 20.3.2005, 23:46

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

Автор: PARROT 20.3.2005, 23:55

Попробую. Спасибо! Большое!

Автор: -=Ustas=- 21.3.2005, 00:02

Цитата(Aliance @ 20.3.2005, 23:46)

http://files.vingrad.ru/Aliance/hints.html

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