Почему не пашет этот скрипт?

Umnik1 · October 27, 2008

<html>

<head>

<title>function</title>

function changeimages(img1,img2){

document.images[img1].src=img2.src;}

function imagepreload(name,pic){

name=new Image();

name.src=pic;}

imagepreload('oleg2','oleg2.jpg');

</script>

</head>

<body>

</body>

</html>

выдается первая фотография а когда наводишь мышку то она исчезает (появляется маленький квадрат с крестиком)...

e1f · October 27, 2008

Странно, вроде оно вообще не должно работать, а не выдавать картинку...

Так, на скорую руку, работает:

<html>
<head>
<title>function</title>
<script type="text/javascript">

var image_names = {
	oleg2 : 'oleg2.jpg'
};
var images = {};
imagepreload(image_names);
function changeimages(img1,img2) {
	document.getElementById(img1).src = images[img2].src;
}
function imagepreload(names) {
	for ( var i in names ) {
		images[i] = new Image();
		images[i].src = names[i]
	}
}
</script>
</head>
<body>
<img width="100" height="100" src="oleg.jpg" id="oleg" onMouseOver="changeimages('oleg','oleg2');"/>
</body>
</html>

Но лучше поищи в нете готовую болванку прелода рисунков...

И кстати, тебе же скорее всего надо вернуть старую картинку когда onMouseOut

Umnik1 · October 27, 2008

Да я то нашел готовый скрипт...: http://www.informika.ru/text/inftech/progl...java/part8.html

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

Я понял так: делаем прелоад второй катринки, присваиваем ей нужное имя, вызываем функцию смены изображений а она меняет картинку с первым именем на картинку со вторым...

Про onmouseout я знаю, просто меня сам принцип интересует.

e1f · October 27, 2008

Ну, как же он будет работать? В imagepreload ты создаешь в переменной name объект Image (в той, которая как параметр передана). В changeimages вообще вызываешь 'oleg2'.src, то есть берешь у строки поле src...

С минимальными переработками, твой вариант рабочий так:

<html>
<head>
<title>function</title>
<script type="text/javascript">
function changeimages(img1,img2){
	document.images[0].src=name.src;
}
var name = new Image();
function imagepreload(img_name,pic){
	name.src = pic;
}
imagepreload('oleg2','oleg2.jpg');
</script>
</head>
<body>
<img src="oleg.jpg" name="oleg" onMouseOver="changeimages('oleg','oleg2');"/>
</body>
</html>

Searcher · October 27, 2008

Ошибка тут: document.images[img1].src=img2.src;

Надо записать: document.images[img1].src=document.images[img2].src;

А вообще не стоит мудрить с именами, так и запутаться недолго, лучше так:

<html>
<head>
<title>function</title>
<script type="text/javascript">

function changeimages(imgName,imgFile){  // заменяем только имя файла, если этот файл уже загружался - броузер не будет повторно его загружать
  if (document.images) {
	document[imgName].src = imgFile;
  }
}

function MultiImagePreload(){   // просто перечисляем имена файлов для загрузки
  for(i=0;i<arguments.length;i++){
	this[i]=new Image();
	this[i].src=arguments[i];
  }
  return this
}

MultiImagePreload('oleg2.jpg'); 

</script> 

</head>
<body> 
<img src="oleg.jpg" name="oleg" onmouseover="changeimages('oleg','oleg2.jpg');"/>
</body>
</html>

Umnik1 · October 27, 2008

Спасибо!!!

Sign In

Почему не пашет этот скрипт?

Question

Umnik1

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

e1f

Link to comment

Share on other sites

Umnik1

Link to comment

Share on other sites

e1f

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Umnik1

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information