VPF::Помогите написать rollover - Форум программистов

Bondyuel

Дата 19.6.2006, 01:47 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

Репутация: нет
Всего: нет

Ребята помогите с сылкой, которая меняется при наведении мыши...
У меня два изображения, открытый сундук и закрытый. Мне нужно сделать чтобы он открывался при наведении мыши, и при нажатии открывалась другая страница.
Я нашёл скрипт... Сделал вроде всё, как было в описании (sun.gif- это первая картинка а sun.gif2- вторая):

Код

var imgLoaded=0
var param='http://bondyuel.narod.ru/index.html/'
var v=parseInt(navigator.appVersion)

if (document.images) {
I1On=new Image();
I1Off=new Image();
I1On.src=param+"sun.gif"
I1Off.src=param+"sun.gif2"

imgLoaded=1;
}


function Over(Img) {
if (3<=v) {if(imgLoaded==0) return;
document[Img].src=eval(Img+"On.src");
}
}
function Out(Img) {
if (3<=v) {
if(imgLoaded==0) return;
document[Img].src=eval(Img+"Off.src");
}
}

А в страницу поместил такой код:

Код

<script>function Over(){}function Out(){}</script>
 <script src="over.js"></script>

<a href="foto.html" onMouseOver="Over('I1')" onMouseOut="Out('I1')">
<img  src="sun.gif" border=0 name="I1"></a>

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

Поясните плиз что у меня неправильно. Или если можно сделать такую функцию без скрипта, то как? smile

M
Sardar

Ох-ё... ну ты раскрасил свой пост, синее, красное... завязывай с травой :D
На будущее пользуйся кнопкой код и не раскрашивай так текст.

champion

Дата 19.6.2006, 09:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

Репутация: нет
Всего: 2

хмм. попробую помочь. Для того, чтобы сундучок открывался и закрывался нужно две картинки, одна закрытый сундучок, другая открытый, значит пишем у изображения события, когда мышь наводится и когда убирается с картинки.
Пробуй такой код:

Код


<a href="тут страничка, на которую должен перейти юзверь после нажатия"><img src="тут путь к файлу с сундучком, закрытым" OnMouseOut="Тут с открытым" OnMouseOver="снова с закрытым" alt="Волшебный сундучёк!" border="0"></a>

Это сообщение отредактировал(а) champion - 19.6.2006, 09:30

--------------------

[xoodo]

Дата 19.6.2006, 23:50 (ссылка)

(нет голосов)

Загрузка ...

Опытный

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

Репутация: нет
Всего: 4

Не совсем, одних путей тут не хватит. Тут пример, тут вообще много интересного.

smartov

Дата 20.6.2006, 11:36 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

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

Репутация: 7
Всего: 259

Цитата([xoodo)

, 19.6.2006, 22:50, post768171]Не совсем, одних путей тут не хватит

Как же не хватит, когда у тебя в первом примере все то же самое что написал
champion, только по функциям разнесено smile

Правды ради стоить сказать что при желании сделать такие эффекты надо делать предварительную загрузку имаджей.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »