ka89 Опубликовано 8 мая, 2007 Жалоба Поделиться Опубликовано 8 мая, 2007 Если у кого нибудь есть вопросы по javascript, выкладывайте здесь! Помогите со скриптом. При наведении на ссылку (ссылка ведёт к рисунку), рисунок должен отображаться в том же окне, желательно рядом с мышкой. У меня фрэймное строение страницы, прошу это учитывать.(Основной момент - отображение рисунка при наведении на ссылку.) Заранее благодарю. Ссылка на комментарий Поделиться на другие сайты Поделиться
ka89 Опубликовано 10 мая, 2007 Автор Жалоба Поделиться Опубликовано 10 мая, 2007 нашёл на сайте исходники.ру <HEAD> <script LANGUAGE="javascript"> function ChangeImg() { if(document.images) { eval("document."+ChangeImg.arguments[0]+ ".src=('"+ChangeImg.arguments[1]+"')"); } } function preload() { if (document.images) { var imgsrc = preload.arguments; arr=new Array(imgsrc.length); for (var j=0; j<imgsrc.length; j++) {arr[j]=new Image; arr[j].src=imgsrc[j];} } } </SCRIPT> </HEAD> <BODY onLoad="preload('over1.jpg', 'over2.jpg', 'overN.jpg')"> <A HREF="1.htm" onMouseOver="ChangeImg('image1','over1.jpg)"; onMouseOut="ChangeImg('image1','out1.jpg')"> <IMG SRC="out1.gif" NAME="image1"> </A> <A HREF="2.htm" onMouseOver="ChangeImg('image2','over2.jpg')"; onMouseOut="ChangeImg('image2','out2.jpg')"> <IMG SRC="out2.gif" NAME="image2"> </A> <A HREF="N.htm" onMouseOver="ChangeImg('imageN','overN.jpg')"; onMouseOut="ChangeImg('imageN','outN.jpg)"> <IMG SRC="outN.gif" NAME="imageN"> </A> нельзя ли никак изменить этот скрипт? Объясните пожалуйста как он работает. Ссылка на комментарий Поделиться на другие сайты Поделиться
Feur_GOR Опубликовано 10 мая, 2007 Жалоба Поделиться Опубликовано 10 мая, 2007 А как сделать, чтобы при наведении на маленькую картинку она становилась большой?И можно ли сделать так чтобы картинка увеличивылась не сразу, а через некоторое время? Ссылка на комментарий Поделиться на другие сайты Поделиться
ka89 Опубликовано 11 мая, 2007 Автор Жалоба Поделиться Опубликовано 11 мая, 2007 отвечаю на свой вопрос <head><script language="javascript"><!-- function ChangeImg() {if(document.images) { eval("document."+ChangeImg.arguments[0]+".src=('"+ChangeImg.arguments[1]+"')"); }} function preload(){ if (document.images) { var imgsrc = preload.arguments; arr=new Array(imgsrc.length); for (var j=0; j<imgsrc.length; j++) {arr[j]=new Image; arr[j].src=imgsrc[j];} }}<!-- </script></head><body onLoad="preload('1.gif', '2.gif', '3.gif')"><a href="#" onMouseOver="ChangeImg('image1','1.gif')">рисунок 1</a><br><a href="#" onMouseOver="ChangeImg('image1','2.gif')">рисунок 2</a><br><a href="#" onMouseOver="ChangeImg('image1','3.gif')">рисунок 3</a><br><img src="void.gif" name="image1"> Feur_GOR, для увеличения картинки подойдёт и первый код, а как с задержкой времени, я не знаю. Я вообще не знаю javascript попробуй вот так <HEAD><script LANGUAGE="javascript"> function ChangeImg() {if(document.images) {eval("document."+ChangeImg.arguments[0]+".src=('"+ChangeImg.arguments[1]+"')"); }} function preload(){ if (document.images) { var imgsrc = preload.arguments; arr=new Array(imgsrc.length); for (var j=0; j<imgsrc.length; j++) {arr[j]=new Image; arr[j].src=imgsrc[j];} }} </SCRIPT></HEAD><BODY onLoad="preload('over1.gif', 'over2.gif', 'overN.gif')">где overN.gif - каpтинка, котоpая должна показываться пpи наведении мышки. onLoad нужен для того, чтобы каpтинки подгpужались сpазу, а не в то вpемя, когда навели мышку, так как на слабом канале эффекта сpазу можно не заметить. <A HREF="1.htm" onMouseOver="ChangeImg('image1','over1.gif')";[color=#FF9966](используй здесь большую картинку)[/color]onMouseOut="ChangeImg('image1','out1.gif')">[color=#FF9966](используй здесь маленькую картинку)[/color]<IMG SRC="out1.gif" [color=#FF9966](используй здесь маленькую картинку)[/color]NAME="image1"></A><A HREF="2.htm" onMouseOver="ChangeImg('image2','over2.gif')";[color=#FF9966](используй здесь большую картинку)[/color] onMouseOut="ChangeImg('image2','out2.gif')">[color=#FF9966](используй здесь маленькую картинку)[/color]<IMG SRC="out2.gif"[color=#FF9966](используй здесь маленькую картинку)[/color] NAME="image2"></A><A HREF="N.htm" onMouseOver="ChangeImg('imageN','overN.gif')";[color=#FF9966](используй здесь большую картинку)[/color]onMouseOut="ChangeImg('imageN','outN.gif')">[color=#FF9966](используй здесь маленькую картинку)[/color]<IMG SRC="outN.gif"[color=#FF9966](используй здесь маленькую картинку)[/color] NAME="imageN"></A>в <IMG> "name" нужно для того, чтобы JS знал, какой каpтинке соответствует каждая ссылка. Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Для публикации сообщений создайте учётную запись или авторизуйтесь
Вы должны быть пользователем, чтобы оставить комментарий
Создать учетную запись
Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!
Регистрация нового пользователяВойти
Уже есть аккаунт? Войти в систему.
Войти