ka89 Posted May 8, 2007 Report Share Posted May 8, 2007 Если у кого нибудь есть вопросы по javascript, выкладывайте здесь! Помогите со скриптом. При наведении на ссылку (ссылка ведёт к рисунку), рисунок должен отображаться в том же окне, желательно рядом с мышкой. У меня фрэймное строение страницы, прошу это учитывать.(Основной момент - отображение рисунка при наведении на ссылку.) Заранее благодарю. Link to comment Share on other sites More sharing options...
ka89 Posted May 10, 2007 Author Report Share Posted May 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> нельзя ли никак изменить этот скрипт? Объясните пожалуйста как он работает. Link to comment Share on other sites More sharing options...
Feur_GOR Posted May 10, 2007 Report Share Posted May 10, 2007 А как сделать, чтобы при наведении на маленькую картинку она становилась большой?И можно ли сделать так чтобы картинка увеличивылась не сразу, а через некоторое время? Link to comment Share on other sites More sharing options...
ka89 Posted May 11, 2007 Author Report Share Posted May 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тинке соответствует каждая ссылка. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now